Conversor de colores
Preguntas frecuentes
¿Los colores tienen nombres reconocidos habitualmente?
La especificación CSS define unos 140 colores con nombre (como crimson, teal, coral, rebeccapurple, transparent). Puedes escribir cualquiera de ellos y la herramienta lo convertirá a HEX, RGB y HSL.
¿Cómo comprobar el contraste de texto y fondo en una web?
El contraste es un requisito clave de accesibilidad (WCAG). Al elegir una combinación de colores, comprueba la diferencia de luminosidad: el tercer valor (L) en HSL.
¿La herramienta admite transparencia (canal alfa)?
Sí. Al introducir un color con transparencia (por ejemplo HEX de 8 caracteres #8f5aff80, rgba(143, 90, 255, 0.5) o hsla(260, 100%, 68%, 0.5)), la herramienta calcula valores exactos de HEXA, RGBA y HSLA. Los campos estándar HEX, RGB y HSL muestran el color base sin transparencia.
¿Qué significan las letras de HSL?
H es el matiz (Hue) de 0 a 360 grados. S es la saturación en porcentaje. L es la luminosidad en porcentaje: 0% da negro, 100% da blanco.
¿Se admiten los formatos CMYK, RAL o Pantone?
No. La herramienta está pensada para pantallas y desarrollo web (CSS), trabajando con HEX, RGB y HSL. Los sistemas de impresión (CMYK) y catálogos de pintura (RAL, Pantone) no son compatibles.
¿El mismo código HEX da el mismo color en distintas pantallas?
El código es idéntico, pero el aspecto real depende del perfil de color y la calibración de cada monitor.
¿La herramienta genera automáticamente una paleta lista?
La herramienta convierte un color individual. Para extraer un color exacto de una imagen, utiliza el cuentagotas de color.
Convierte colores entre los formatos HEX, RGB, HSL y nombres de color CSS. La herramienta admite transparencia (HEXA, RGBA, HSLA) y permite copiar el código al instante para estilos CSS. Escribe el valor en el campo «Color» y pulsa «Convertir».
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 (HSLA) |
HEX, RGB y HSL describen los colores en pantalla y se convierten entre sí conservando los canales de color originales. Para colores con canal alfa (transparencia), la herramienta calcula valores exactos de HEXA, RGBA y HSLA. Los campos estándar HEX, RGB y HSL muestran el color base sin transparencia.
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.