13 herramientas gratuitas

Herramientas de color y diseño

Herramientas para usar bien el color: construir paletas, tonos y tintes, convertir entre HEX, RGB y HSL, comprobar el contraste de texto para la accesibilidad, simular el daltonismo y generar degradados CSS, sombras de caja, radio de borde, cristalmorfismo y estilos de neummorfismo.

Copie los valores o el CSS ya hecho directamente en su proyecto.

Todas las 13 herramientas

Generador de paletasGenere paletas de colores, bloquee favoritos, obtenga una vista previa de ellos en un diseño y exporte.
Generador de gradienteCree degradados CSS lineales, radiales y cónicos con topes de color arrastrables.
HEX a RGBConvierte códigos de color HEX a RGB y RGBA, además de cualquier otro formato.
Comprobador de contrasteCompruebe el contraste de color contra las WCAG AA y AAA, con sugerencias de color aprobadas.
Generador de sombra de cajaCree sombras CSS en capas con una vista previa en vivo y copie el código.
Radio de fronteraRedondea cada esquina en px, % o rem, o arrastra las manijas para crear formas de burbuja.
GlassmorphismDiseña tarjetas de vidrio esmerilado con desenfoque de fondo y copia el CSS.
NeumorfismoCree formas suaves de neumorfismo de interfaz de usuario desde cualquier color y copie el CSS.
Tonos y tintesHaga una escala de color 50–950, tintes, tonos y tonos de un solo color.
Color aleatorioGenere colores aleatorios por estado de ánimo o rango, como HEX, RGB, HSL u OKLCH.
Sim daltonismoVer imágenes y diseños como las personas con daltonismo los ven.
HEX a HSL convertidorConvierta códigos de color HEX a HSL y HSLA, además de todos los demás formatos.
Convertidor RGB a HEXConvierta los valores RGB y RGBA a códigos de color HEX, además de todos los demás formatos.

Herramientas de color y diseño

Todas las 13 herramientas

Más categorías