Un verificador de contraste WCAG mide la relación de luminancia entre el color de primer plano y el de fondo para determinar si cumple con las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.1. Se requiere una relación de al menos 4.5:1 para la conformidad AA con texto normal y 7:1 para la conformidad AAA.
Un código de color HEX como #4285F4 se divide en tres pares: 42 (rojo), 85 (verde), F4 (azul). Cada par se convierte de hexadecimal a decimal. Así, #4285F4 se convierte en RGB(66, 133, 244). Nuestro convertidor de color admite los formatos HEX, RGB, HSL, HSV, CMYK y OKLCH al instante.
Un generador de paletas de colores crea combinaciones armoniosas a partir de un color base usando reglas de la teoría del color. Los esquemas más comunes son: complementario (opuesto en la rueda de colores), análogo (colores adyacentes), triádico (tres colores equidistantes) y complementario dividido. Estas paletas garantizan armonía visual en el diseño.
Tailwind CSS utiliza una escala de tonos del 50 al 950 para cada color, donde 50 es el tono más claro y 950 el más oscuro. Nuestro generador de tonos crea esta escala completa a partir de cualquier color base, respetando la uniformidad perceptual de Tailwind para sistemas de diseño coherentes.
Un simulador de daltonismo aplica transformaciones matemáticas a los colores para modelar cómo los perciben las personas con deficiencias en la visión del color. Los principales tipos son: deuteranopía (ceguera al verde, ~6% de los hombres), protanopía (ceguera al rojo, ~1%), tritanopía (ceguera al azul, poco frecuente) y acromatopsia (daltonismo total).
ColorFYI admite seis formatos de color: HEX (#4285F4), RGB (66, 133, 244), HSL (217°, 89%, 61%), HSV (217°, 73%, 96%), CMYK (73%, 45%, 0%, 4%) y OKLCH (0.63, 0.17, 264°). OKLCH es un espacio de color perceptualmente uniforme recomendado para CSS moderno.
Sí, las seis herramientas de color de ColorFYI son completamente gratuitas y no requieren registro. El verificador de contraste, el convertidor de color, el generador de paletas, el generador de tonos, el simulador de daltonismo y el generador de gradientes se ejecutan íntegramente en tu navegador para resultados inmediatos.