Introduce un color en cualquier formato y obtén al instante todas las conversiones — RGB, Hex, HSL, HWB, CMYK y NCol.
Introduce un color válido para ver la vista previa y todas las conversiones.
Un conversor de colores traduce un mismo color entre los distintos sistemas de codificación usados en diseño web, impresión y arte digital. Los diseñadores españoles trabajan con paletas que van desde el rojo pasión de los trajes de flamenco hasta el azul mediterráneo de las fachadas andaluzas, y necesitan expresar esos tonos tanto en Hex para la web como en CMYK para la imprenta.
La herramienta admite seis formatos: RGB, Hex, HSL, HWB, CMYK y Color natural (NCol). También identifica el nombre CSS más cercano cuando la aproximación es suficientemente precisa.
Modelo aditivo para pantallas. Cada canal va de 0 a 255. La combinación a máxima intensidad produce blanco.
Codificación hexadecimal de RGB, muy usada en CSS. Ejemplo: #aa151b (rojo de la bandera española).
Describe el color por ángulo de tono (0–360°), saturación y luminosidad. Natural para la percepción humana.
Alternativa a HSL. Usa tono, blancura y negrura. Intuitivo para aclarar u oscurecer colores.
Modelo sustractivo para impresión: cian, magenta, amarillo y negro.
Color natural W3C: tono como letra + porcentaje de desplazamiento, más blancura y negrura.
El rojo carmesí de la bandera española (RGB 170, 21, 27). En HSL aproximadamente 358°, 78%, 37%. Presente en las camisetas de La Roja y en la señalética de los museos del Prado y Reina Sofía.
El oro vibrante de la franja central de la bandera española (RGB 241, 191, 0). En HSL 47°, 100%, 47%. También el color del trigo castellano y de los mosaicos de la Alhambra de Granada.
El tono terracota de las paredes de la Alhambra (RGB 195, 106, 45). En HSL 26°, 62%, 47%. Referente en la paleta de diseño mediterráneo y en la cerámica de Talavera.
Azul profundo del Mediterráneo andaluz (RGB 0, 95, 142). En CMYK: 100% C, 33% M, 0% Y, 44% K. Frecuente en azulejos sevillanos y fachadas costeras.
Elige el formato de entrada que corresponde a tu código de color.
Introduce los valores del color. Los resultados se actualizan al instante, sin botones.
El conversor normaliza la entrada al triplete RGB, el pivote universal.
Desde ese RGB se calculan todos los demás formatos con fórmulas matemáticas estándar.
La búsqueda de nombre compara 148 colores CSS y devuelve el más cercano dentro de ~30 unidades.
Usa Hex o RGB para hojas de estilo CSS; prefiere HSL cuando necesites ajustar el tono programáticamente.
Los valores CMYK son estimaciones — solicita siempre una prueba de impresión para proyectos comerciales.
HWB es ideal para generar escalas de una misma marca: mantén el tono y varía la blancura.
El prefijo '#' es opcional al introducir un código hex.
Para colores institucionales (BBVA, Telefónica, Inditex), consulta siempre el manual corporativo.
Ambos utilizan un ángulo de tono, pero el segundo y tercer parámetro difieren. HSL usa saturación y luminosidad; HWB usa blancura y negrura directas. HWB suele ser más intuitivo para aclarar u oscurecer un color.
Las pantallas usan luz aditiva (RGB); las impresoras usan tinta sustractiva (CMYK). Los gamuts no se superponen perfectamente. El conversor ofrece una equivalencia matemática, no un valor de prueba de prensa.
Una propuesta W3C que codifica el tono como letra (R, Y, G, C, B, M) más porcentaje de desplazamiento, seguido de blancura y negrura. Por ejemplo, R0 0% 0% es rojo puro.
Sí. Escribe el nombre en el campo 'Buscar por nombre CSS' y el conversor cargará sus valores automáticamente.
Hex y RGB son sin pérdida (con redondeo entero). HSL, HWB y NCol se redondean a un decimal. CMYK es solo una aproximación matemática.
Solo se incluyen 148 colores CSS estándar. Si el color está a más de ~30 unidades RGB de cualquier color nombrado, no se devuelve ningún nombre.
Las representaciones de color pueden variar entre dispositivos por la calibración de pantalla y los perfiles de color. Los valores CMYK son aproximaciones matemáticas.