Sobre el Convertidor de Color
Nuestra herramienta permite convertir sin problemas entre los formatos web más comunes: HEX, RGB, HSL y CMYK.
Modelos de Espacio de Color
Los colores se definen mediante modelos matemáticos como RGB o CMYK.
Preguntas frecuentes
¿Cuál es el mejor formato para CSS?
HEX es el más común, pero HSL es genial para variantes.
¿Puedo usar HEX para impresión?
Es digital. Para impresión usa CMYK.
¿Soporta transparencia?
Por ahora solo colores sólidos.
¿Cómo usarlo?
Ingresa un valor de color en cualquier campo o usa el selector visual. Todos los demás formatos se actualizarán al instante.
Conversión instantánea entre 4 formatos principales
Selector de color visual interactivo
Limpio, moderno y privado
Consejos de Diseño de Color
🎨 Esquemas de Color: Usa el selector para encontrar un color base y cambia a HSL para encontrar tonos a juego.
♿ Accesibilidad: Asegura que tus colores de texto y fondo tengan suficiente contraste.
📋 Dev Workflow: Haz clic en cualquier valor para copiarlo rápidamente a tus variables de CSS o Tailwind.
Enciclopedia del Color
Modelos de Color Digital
Los colores en pantalla se crean mezclando luz (aditivo), mientras que en impresión se crean mezclando tintas (sustractivo).
Espacios de Color: RGB contra CMYK
RGB tiene una gama de colores más amplia. CMYK se usa para impresoras. Convertir RGB a CMYK suele resultar en colores más apagados.
Códigos Hex
Un código Hex es solo una representación hexadecimal de RGB. `#FF5733` significa: R=255, G=87, B=51.
HSL para Humanos
HSL (Matiz, Saturación, Luminosidad) permite crear paletas fácilmente cambiando solo la luminosidad.
Accesibilidad (a11y)
El contraste es clave. El WCAG recomienda un contraste de al menos 4.5:1 para texto normal.