Selector de colores
Elige un color, ajústalo con precisión y copia su código en el formato que necesites.
Sellado en este dispositivo
Funciona en tu navegador. No se sube nada.
Sellado
Elige un color
Códigos de color
Tintes y sombras
Tintes más claros a un lado y sombras más oscuras al otro. Selecciona uno para usarlo.
Cómo funciona
-
Elige un color
Arrastra en el área de color y en el control de tono, escribe un código que ya tengas o toma un color de tu pantalla.
-
Ajústalo
Ajusta la opacidad o explora los tintes y las sombras de tu color para encontrar una variante más clara o más oscura.
-
Copia el código
Copia el valor HEX, RGB, HSL, OKLCH o CMYK y pégalo en tu diseño, tu código o tu documento.
Preguntas frecuentes
¿Cómo tomo un color de mi pantalla?
Selecciona «Tomar de la pantalla» y haz clic en cualquier punto de la pantalla para capturar ese color. Este cuentagotas está disponible en Chrome, Edge y otros navegadores basados en Chromium en ordenadores. En otros navegadores, la muestra de color abre el selector de color del sistema, que a menudo tiene su propio cuentagotas.
¿Qué formato de color debo usar?
HEX es el más habitual en diseño web y funciona en todas partes. RGB y HSL son prácticos en CSS cuando quieres retocar los valores a mano. OKLCH es el formato CSS moderno que mantiene la luminosidad constante entre tonos. CMYK es un punto de partida para la impresión.
¿Qué diferencia hay entre un tinte y una sombra?
Un tinte es tu color mezclado con blanco, así que se vuelve más claro. Una sombra es tu color mezclado con negro, así que se vuelve más oscuro. El selector los mezcla en un espacio de color perceptual para que cada paso parezca igual de espaciado.
¿Puedo usar el selector con el teclado?
Sí. Sitúa el foco en el área de color y usa las flechas para cambiar la saturación y el brillo; mantén pulsada Mayús para avanzar a pasos más grandes. Los controles de tono y opacidad también funcionan con las flechas.
¿Puedo compartir un color?
Sí. La dirección de la página se actualiza con el color que eliges, así que puedes guardarla en marcadores o enviarle el enlace a alguien.