Conversor de colores
Preguntas frecuentes
¿Los colores tienen nombres reconocidos habitualmente?
Una parte de los tonos sí: en CSS hay unos 140 (crimson, teal, coral), en el sistema RAL los nombres van ligados a números de un abanico de pintura, y en Pantone a un catálogo de imprenta. El mismo nombre significa un tono distinto en cada sistema, así que para transmitir un color con precisión entre un diseñador, una imprenta y la maquetación es más fiable usar el código que el nombre.
¿Cómo comprobar el contraste de texto y fondo en una web?
El contraste entre texto y fondo no es solo una cuestión estética, sino un requisito de accesibilidad: colores demasiado parecidos en luminosidad se leen mal con visión reducida y en pantallas con sol brillante. Al elegir una pareja «texto y fondo» conviene comprobar no solo el matiz, sino también la diferencia de luminosidad, el tercer valor en HSL.
¿Por qué un color se ve distinto en pantalla y ya impreso?
RGB describe el color como la luz que emite una pantalla mezclando rayos rojo, verde y azul. CMYK describe el color como tinta sobre papel, que en cambio absorbe parte del espectro. La gama de colores disponible en RGB es más amplia que la que se puede lograr físicamente mezclando tintas de imprenta reales, así que algunos tonos brillantes de pantalla no tienen un equivalente exacto en impresión, y el conversor muestra la aproximación más cercana posible, no una correspondencia exacta. Por eso convertir un color de RGB a CMYK siempre queda como una aproximación, y el tono final en papel depende además de la impresora y del tipo de papel.
¿Qué significan las letras de HSL?
H es el matiz (hue), fija el color en sí en una rueda de 0 a 360 grados. S es la saturación (saturation), en porcentaje. L es la luminosidad (lightness), en porcentaje: 0% da negro, 100% da blanco, sin importar los dos primeros valores.
¿Se puede escribir el nombre de un color en vez de un código?
El estándar CSS admite un conjunto limitado de colores con nombre (por ejemplo red, white), pero para un resultado preciso y predecible es más fiable escribir un código concreto: HEX o RGB.
¿El mismo código HEX da el mismo color en distintos editores gráficos?
El código es idéntico, pero el aspecto real depende de la calibración y el perfil de color del monitor: en pantallas distintas, un mismo HEX puede verse un poco más cálido o más frío.
¿La herramienta genera automáticamente una paleta lista?
No, el formulario acepta y convierte un solo color: no genera automáticamente una paleta de colores con nombre ya lista ni elige una pareja de contraste. Para tomar un color exacto de una imagen en lugar de escribir el código a mano, ayuda el cuentagotas de color.
Introduce un color en cualquier formato: la herramienta lo convierte a los demás sistemas habituales, HEX, RGB, HSL, CMYK y otros. Escribe el valor en el campo «Color» y pulsa el botón de conversión.
Formas de escribir un color
| Formato | Ejemplo | Dónde se usa |
|---|---|---|
| HEX | #3A7BD5 | CSS, maquetación web |
| RGB | rgb(58, 123, 213) | CSS, programación, trabajo con transparencia (RGBA) |
| HSL | hsl(214, 64%, 53%) | Elegir tonos de un mismo matiz por luminosidad y saturación |
| CMYK | 73%, 42%, 0%, 16% | Impresión, donde se mezclan tintas y no luz |
HEX, RGB y HSL describen la luz de una pantalla y se convierten entre sí sin pérdidas. CMYK funciona de otra forma: trata sobre la tinta en el papel, así que una conversión de RGB a CMYK es siempre aproximada; el color exacto de impresión depende además de la impresora, el papel y la calibración.
Cómo elegir una combinación de colores
El color introducido es un punto de partida, no una paleta ya lista. El enfoque clásico para las combinaciones se basa en la rueda de color:
- Combinación monocromática: un mismo matiz con distinta luminosidad y saturación. En HSL basta con cambiar el segundo y el tercer valor, dejando el primero (el matiz) sin tocar.
- Combinación de contraste: colores de lados opuestos de la rueda, para acentos y alta visibilidad.
- Combinación análoga: colores vecinos en la rueda, para una paleta tranquila y homogénea.
Herramienta relacionada
Si el color de partida no hace falta escribirlo a mano sino obtenerlo de una imagen ya hecha o de una captura, usa el cuentagotas de color: da el HEX, RGB y HSL nada más hacer clic en un píxel.