Verifica las relaciones de contraste de color WCAG para el cumplimiento de accesibilidad.
Convierte colores entre HEX, RGB, HSL, CMYK, LAB y más formatos al instante.
Genera hermosas paletas de colores usando reglas de armonía de color.
Mira cómo aparecen tus colores para personas con deficiencias en la visión del color.
Extrae una paleta de colores de cualquier imagen. Sube o pega una imagen para comenzar.
Encuentra la clase de color Tailwind CSS más cercana para cualquier color.
Convierte entre formatos de color CSS. Pega cualquier valor de color CSS para convertir.
Elige cualquier color y obtén su valor al instante en HEX, RGB, HSL, CMYK y 7 formatos más. Haz clic para copiar.
Crea hermosos degradados CSS con un editor interactivo. Construye degradados lineales, radiales y cónicos con paradas de color y ángulos personalizados.
Genera sombras y matices de cualquier color. Crea variaciones más claras y más oscuras con códigos hex listos para copiar.
Genera colores aleatorios con restricciones opcionales como pastel, vívido, cálido o frío. Obtén códigos hex, RGB y HSL al instante.
Mezcla dos o más colores con proporciones ajustables. Ve el resultado combinado en HEX, RGB, HSL y más.
Introduce cualquier color en hex o RGB y encuentra su color con nombre más cercano. Identifica qué color estás viendo a partir de una base de datos de más de 500 colores con nombre.
Comprueba las relaciones de contraste WCAG para cada par de colores en tu paleta. Encuentra qué combinaciones cumplen los estándares de accesibilidad AA y AAA.
Ingresa un color de fondo y obtén los mejores colores de texto que cumplen los estándares de accesibilidad WCAG. Encuentra colores de primer plano legibles al instante.
Genera una paleta completa de colores Tailwind CSS (50-950) a partir de un solo color de marca. Obtén tonos perceptualmente uniformes listos para pegar en tu configuración.
Genera escalas de colores uniformemente espaciadas entre dos colores. Compara la interpolación en los espacios de color sRGB, HSL y LAB.
Convierte tu paleta de colores en tokens de diseño. Exporta como propiedades personalizadas CSS, variables SCSS, configuración Tailwind o tokens JSON.
Extrae gradientes CSS de imágenes. Sube cualquier imagen y obtén el gradiente CSS lineal o radial más cercano con paradas de color.
Crea y previsualiza sombras CSS box-shadow con un editor interactivo. Ajusta desplazamiento, desenfoque, expansión y color. Apila múltiples sombras.
Crea y previsualiza sombras de texto CSS. Ajusta el desplazamiento, el desenfoque y el color para dar profundidad y estilo a tu tipografía.
Crea y previsualiza valores de border-radius CSS con controles individuales por esquina. Soporta radios elipticos y formas complejas.
Previsualiza combinaciones de Google Fonts para encabezados y texto del cuerpo. Encuentra la combinación de fuentes perfecta con colores y tamaños personalizados.