Comprobador de contraste
Comprueba el contraste de texto según WCAG 2.2 con vista previa y resultados AA y AAA para texto normal y grande.
Conversor de colores
Convierte HEX, RGB y HSL con transparencia, previsualiza el color y copia valores CSS listos para usar.
Edita HEX, RGB o HSL. Los demás valores y la vista previa se actualizan a la vez.
Acerca de esta herramienta
Lleva el color de un diseño a CSS a partir de su formato disponible. Se trabaja en sRGB, sin conversión CMYK ni tintas directas de impresión.
Cómo se usa
Introduce un color o usa el selector y ajusta la opacidad. Se admiten HEX de 3, 4, 6 u 8 dígitos y RGB/HSL con alfa. Los canales RGB aceptan 0–255 o porcentajes; saturación y luminosidad HSL se expresan en porcentaje. Los valores fuera de rango se rechazan. No convierte CMYK ni espacios de gama amplia.
HEX, RGB y HSL tienen campos editables separados. Cambiar uno actualiza los otros sin reescribir el texto ni mover el cursor del campo activo. Los valores incompletos o inválidos se señalan y no permiten copiar hasta corregirlos.
Preguntas frecuentes
¿Dónde va el alfa en un HEX de ocho dígitos?
CSS utiliza #RRGGBBAA: los dos últimos dígitos son alfa. El orden difiere del ARGB de algunos programas. RGB y HSL también pueden incluir transparencia.
¿Qué sintaxis RGB y HSL puedo pegar?
Por ejemplo, rgb(255 0 0 / 50%) o hsl(0 100% 50%). También funciona la sintaxis con comas, pero no la mezcles con la de barra. No se aceptan nombres de color ni CMYK.
¿Por qué cambia ligeramente el 50 % de opacidad en HEX?
HEX solo tiene 256 niveles alfa. 0,5 se redondea a 80, que representa 128/255. Conserva la salida RGB o HSL si necesitas el alfa decimal en vez de HEX de ocho dígitos.
Herramientas relacionadas
Se abre en una pestaña nueva
Comentarios
0