Aquí aparecerá tu resultado
Rellena los campos y pulsa Calcular.
Los colores en la web se escriben de varias formas: HEX (#0C6B5E), RGB (rgb(12, 107, 94)) y HSL. Este conversor toma un código HEX y te da sus equivalentes en RGB y HSL, útil para diseño, CSS y edición gráfica.
How is it calculated?
Los formatos de color
| Formato | Ejemplo | Uso |
|---|---|---|
| HEX | #0C6B5E | Web, CSS |
| RGB | rgb(12, 107, 94) | Pantallas, CSS |
| HSL | hsl(169, 80%, 23%) | Ajuste de tono/saturación |
Cómo funciona
Un código HEX codifica los canales rojo, verde y azul en dos dígitos hexadecimales cada uno (00-FF, es decir, 0-255). RGB los muestra como números decimales, y HSL los reexpresa como tono, saturación y luminosidad, más intuitivo para elegir variantes de un color.
Worked example
El color #0C6B5E equivale a rgb(12, 107, 94) —12 de rojo, 107 de verde, 94 de azul— y a hsl(169, 80%, 23%), un verde azulado oscuro. Cambiar la luminosidad en HSL es la forma más fácil de obtener un tono más claro o más oscuro del mismo color.
FAQ
¿Cómo se convierte HEX a RGB?+
Cada par de dígitos hexadecimales de un código HEX es un canal (rojo, verde, azul) en base 16. #0C es 12, #6B es 107 y #5E es 94, así que #0C6B5E es rgb(12, 107, 94).
¿Qué es un código HEX?+
Una forma de escribir un color con seis dígitos hexadecimales precedidos de #: dos para el rojo, dos para el verde y dos para el azul, cada uno de 00 a FF (0 a 255).
¿Qué es el formato HSL?+
Representa el color por su tono (0-360°), saturación (%) y luminosidad (%). Es útil para crear variantes más claras u oscuras de un mismo color ajustando la luminosidad.
¿Acepta HEX de 3 dígitos?+
Sí. Un HEX corto como #0C6 es la forma abreviada de #00CC66, donde cada dígito se duplica. La herramienta admite ambos.
¿Para qué sirve este conversor?+
Para diseño web y CSS, edición de imágenes y sistemas de diseño: pasar un color entre HEX, RGB y HSL según lo que necesite cada herramienta.