Image Color Picker

Excelente

Selector HEX

Ajusta HEX y compara valores HWB, HSL, HSV, RGB y OKLCH en un espacio tranquilo.

Selector de color HEX

Un selector de color HEX, seis modelos de color

Introduce un código de color HEX y ve instantáneamente los valores correspondientes en RGB, HSL, HSV, HWB y OKLCH. Mueve un deslizador y las seis representaciones se sincronizan en tiempo real. El código HEX y el hash de URL se sincronizan juntos, lo que permite marcar o compartir cualquier color en segundos.

Conversión HEX a RGB en tiempo real

Introduce un color HEX como #3b82f6 y los valores RGB se actualizan al instante. El buscador HEX también acepta códigos abreviados de tres dígitos.

Buscador de código HEX con compartir URL

Cada vez que ajustas un color, el hash de URL se actualiza automáticamente, convirtiendo este buscador de código HEX en un marcador compartible. Envía el enlace a los miembros del equipo y verán exactamente el mismo color.

Seis modelos de color sincronizados

HEX, RGB, HSL, HSV, HWB y OKLCH se actualizan todos juntos. Cambiar de modelo nunca pierde el color — perfecto para tokens de diseño y variables CSS.

Interfaz del selector de color HEX que muestra controles deslizantes para los modelos HSL, RGB y OKLCH

Buscador de código de color

Encontrar cualquier código de color — HEX, RGB, HSL, OKLCH

Este buscador de código de color cubre todos los estándares utilizados en diseño web, desarrollo de aplicaciones e impresión digital. HEX es el formato predeterminado para CSS y HTML. RGB es el formato nativo de las pantallas. HSL es el formato legible para diseñadores. OKLCH es el próximo formato perceptual en CSS Color Level 4. Los cuatro disponibles simultáneamente — copia el que se adapte a tu flujo de trabajo.

Buscador de código de color con valores HEX, RGB, HSL y OKLCH para un azul brillante
Selector de color HTML con valores de código de color HEX y RGB listos para CSS

Selector de color HTML

Selector de color HTML para CSS y diseño web

Ya sea que estés escribiendo estilos inline, definiendo tokens de diseño o manteniendo una biblioteca de variables CSS, este selector de color HTML proporciona el código exacto que necesitas. Ajusta visualmente el tono, la saturación y la luminosidad, luego copia el código de color HEX o el valor CSS rgb() directamente en tu hoja de estilos.

  • Generar al instante valores CSS válidos: hex, rgb(), hsl(), hwb() y oklch().
  • La sincronización del hash de URL permite guardar y compartir cualquier color como marcador del navegador.
  • Un indicador de gamut señala los colores que existen únicamente en Display-P3 y están fuera del sRGB.
  • Funciona sin conexión — sin llamadas a API, sin dependencia de servidor.

Selector RGB

Selector RGB con controles deslizantes de precisión

Selector RGB con tres controles deslizantes de canal independientes para rojo, verde y azul

Canales RGB dedicados

Tres controles deslizantes independientes R, G y B para mezclar colores canal por canal. El selector RGB muestra valores decimales y códigos HEX en tiempo real mientras arrastras.

Selector RGB con conversión en vivo entre valores de canal RGB y código de color HEX

RGB a HEX y viceversa

Pega un código HEX conocido para ver inmediatamente la descomposición RGB, o ajusta los controles del selector RGB para encontrar el código HEX de un tono personalizado. No se necesita un convertidor separado.

Selector RGB con comparación paralela de muestras de gamut sRGB y Display-P3

Selector RGB con soporte de gama amplia

Cambia entre los gamuts sRGB y Display-P3 para ver si el color elegido puede reproducirse en pantallas de gama amplia. Ambas muestras se actualizan en paralelo.

Preguntas frecuentes

Preguntas sobre el selector de color HEX