Selector de colores

Herramientas de imagenGratis y privado

Elige un color y conviértelo entre HEX, RGB, HSL, HSV y CMYK. Copia los valores y prueba armonías y una paleta de cinco tonos.

✅
Selecciona un color
RGB
HSL
HSV
CMYK
Vista previa
Paleta
#CCC
#CCC
#CCC
#CCC
#CCC

Cómo usar el selector de colores

  1. Haz clic en el cuadro de color para abrir el selector del sistema, o escribe el código HEX de seis dígitos, por ejemplo #1E90FF.
  2. Los campos RGB, HSL, HSV y CMYK se rellenan al instante con los valores del mismo color.
  3. Si ya tienes el dato en otro formato, edita cualquier campo y el resto se recalcula.
  4. Revisa la vista previa, las franjas de armonía y la paleta de cinco colores. "Copiar todos los valores" lleva todos los formatos en un solo texto, y un clic en un tono de la paleta copia su código.

Todo se calcula en tu navegador. "Restablecer" vuelve al coral de partida, #FF7E5F.

Ejemplos

  • #FF7E5F: RGB 255, 126, 95; HSL 12°, 100 %, 69 %; CMYK 0, 51, 63, 0.
  • #FF0000: en HSL es 0°, 100 %, 50 %. Su complementario es el cian #00FFFF, en la segunda franja de armonía.
  • #808080: los tres canales RGB valen 128 y en CMYK solo tiene 50 % de negro.

Cómo funciona

El color se guarda como HEX y los demás modelos se calculan a partir de él. RGB mezcla luz roja, verde y azul, de 0 a 255. HSL y HSV usan un matiz (ángulo de 0° a 360°), saturación y luminosidad o valor. CMYK da porcentajes de tinta cian, magenta, amarilla y negra. Esa conversión es matemática y no usa perfil de impresión, así que para imprenta el resultado real depende de la tinta, el papel y el taller.

Las franjas de armonía parten de tu color y añaden el complementario (180°), dos análogos (a 30° de cada lado) y dos de triada (a 120° y 240°). Son puntos de partida, no reglas fijas.

La página no toma muestras de píxeles de una foto. Para eso usa el cuentagotas de Dibujar online y pega aquí el código.

Preguntas frecuentes

¿Qué diferencia hay entre HEX, RGB y HSL? +

Son tres formas de escribir el mismo color. HEX es la más corta y la más usada en CSS. RGB da rojo, verde y azul de 0 a 255. HSL separa matiz, saturación y luminosidad, y es más cómoda para sacar versiones más claras u oscuras.

¿Sirven los valores CMYK para imprenta? +

Como referencia sí, como valor definitivo no. No usan el perfil de ninguna impresora, así que el tono real puede variar. Pide al taller su perfil recomendado.

¿Puedo escribir el HEX con tres dígitos, como #F00? +

No. El campo exige seis dígitos tras el signo #, por ejemplo #FF0000. La forma corta duplica cada dígito, así que #F00 equivale a #FF0000.