Herramientas/Código & Desarrollo/Selector de Color

Selector de Color

Selecciona colores y obtén sus códigos.

100% en dispositivo · 0 subidas

Elige un color:

Código HEX:

Código RGB:

01 · Ilimitado

Úsalo tantas veces como quieras — totalmente gratis.

02 · Privado

Tus archivos nunca salen de tu dispositivo; todo funciona en tu navegador.

03 · Rápido

El procesamiento es local y termina en segundos.

Cómo elegir y convertir colores

Elige un color

Arrastra el selector o introduce un valor para escoger cualquier color.

Lee todos los formatos

Ve HEX, RGB, HSL y más actualizarse juntos al instante.

Copia el código que necesites

Un clic copia el formato que usa tu proyecto.

¿Por qué este selector de color?

✓HEX, RGB y HSL lado a lado

✓Copia con un clic en cualquier formato

✓Vista previa en vivo del color exacto

✓Gratis e instantáneo, sin registro

Preguntas frecuentes

¿Qué formatos de color se muestran?+

HEX (#RRGGBB) para CSS y herramientas de diseño, RGB para la mayoría del software gráfico, y HSL — que hace intuitivo crear variantes más claras/oscuras ajustando un solo número.

¿Cuál es la diferencia entre HEX y RGB?+

Describen el mismo color de forma distinta: HEX es compacto para código, RGB es explícito sobre los canales rojo/verde/azul. La herramienta muestra ambos para que copies el que tu contexto necesite.

¿Por qué HSL es útil para diseñadores?+

HSL separa tono, saturación y luminosidad — así, construir una paleta o un estado hover es solo ajustar la luminosidad, en vez de adivinar nuevos valores HEX.

¿Admite transparencia?+

Los formatos base cubren colores opacos; para alfa, añade la opacidad en tu CSS (p. ej. rgba o un HEX de 8 dígitos).