Herramienta de paleta de colores en línea con 12 conversiones de formato de color: HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK, LCH, LAB y CIE-XYZ. Incluye un selector de color, conversión en tiempo real en todos los módulos y una tabla de referencia de 127 colores con nombre (125 valores distintos). Cero subida de datos: todo el procesamiento se realiza localmente en tu navegador.
Cómo usar
Elige un color o escríbelo
Usa el selector para escoger un color visualmente, o introduce un valor directamente en los campos de conversión si ya sabes de qué HEX, RGB, CMYK, XYZ o ARGB partes.
Lee los doce formatos de salida
Todos los formatos se recalculan con cada cambio: HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK, LCH, LAB y XYZ.
Copia el formato que necesites
Cada fila tiene su propio botón de copiar, así que puedes llevarte una notación sin reescribir nada a mano.
Selector de Color
12 Conversiones de Formato de Color
7 Módulos de Conversión Dedicados
Tabla de Referencia de Colores
¿Quién se beneficia de la Herramienta de Paleta de Colores?
Preguntas frecuentes
- ¿Cuántos colores tiene la tabla de referencia?
- 127 entradas, de las cuales 125 son colores distintos. Dos pares comparten valor: Aqua y Cyan son ambos #00FFFF, y Fuchsia y Magenta son ambos #FF00FF. Versiones anteriores de esta página decían 147, lo cual era incorrecto.
- ¿Por qué las filas HEXA, RGBA y HSLA muestran siempre opacidad total?
- Porque esta página no tiene control de alfa. Esos tres valores se escriben con un alfa fijo de 255, o 1 en las notaciones CSS: el selector solo produce los componentes rojo, verde y azul, así que nada de lo que puedes ajustar aquí cambiará la transparencia mostrada.
- ¿Las filas HSV, CMYK y XYZ sirven como colores CSS?
- No. Solo HEX, RGB, HSL y sus variantes con alfa —además de LAB y LCH— son notaciones de color CSS válidas. HSV, HWB, CMYK y XYZ se imprimen con un estilo parecido a una función porque resulta legible, pero un navegador no las aceptará en una hoja de estilos tal como aparecen. Úsalas como referencia y conviértelas antes de pegarlas en CSS.
- ¿Se envía algo a un servidor?
- No. El selector, las conversiones y la tabla de referencia se ejecutan en tu navegador. Nada de lo que escribas o selecciones se transmite ni se almacena.
