Selector de color HEX
Elige un color a simple vista y copia su código HEX con un clic, junto con RGB, HSL y CMYK.
Entrada hex
Resultado · HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Cómo usarlo: Selector de color HEX
- 1
Introduce un color
Escribe un código de color o elige un color con el selector: cada campo acepta el formato que muestra.
- 2
Mira la conversión
El resultado se actualiza al instante mientras escribes, junto con una vista previa en vivo del color.
- 3
Copia el código
Copia el valor que necesitas con un clic y pégalo en tu diseño, tu CSS o tu configuración de impresión.
Qué son los códigos de color HEX
Un código de color HEX es la forma hexadecimal de un color RGB: un # seguido de tres pares de dígitos de 00 a FF para el rojo, el verde y el azul. #000000 es negro, #FFFFFF es blanco y #FF0000 es rojo puro. Da igual si usas mayúsculas o minúsculas, y la forma corta #F0C equivale a #FF00CC. HEX es la manera más habitual de escribir colores en CSS, HTML, Figma y otros programas de diseño.
Abre el cuadro de color para elegir un tono a ojo o escribe un código de tres o seis dígitos para ver cómo se ve. La herramienta muestra el resultado HEX en mayúsculas, listo para pegar, y el mismo color en RGB, HSL, HSV y CMYK. Úsala para apuntar los colores de una marca, comprobar un código de una hoja de estilos o sacar el valor exacto de un tono que te guste.
Todo se ejecuta localmente en tu navegador: tus imágenes nunca se suben a un servidor.