Selector de color
Elegir colores y obtener códigos HEX, RGB, HSL
Funciona en tu navegador
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)Colores rápidos
¿Qué es un selector de color?
Un selector de color en línea ayuda a elegir colores y obtener códigos en varios formatos (HEX, RGB, HSL). Útil para diseñadores y desarrolladores.
Casos de uso
- Elegir colores para diseño web o app
- Obtener códigos HEX, RGB, HSL para CSS
- Encontrar colores para marca o proyecto
- Convertir entre formatos de color
¿Cuándo usarlo?
Úselo para elegir colores, obtener códigos o convertir formatos. Muy útil para diseñadores web, UI/UX y frontend.
Ejemplos
Un azul corporativo
Entrada
#1A6CF5
Salida
- HEX
- #1A6CF5
- RGB
- rgb(26, 108, 245)
- HSL
- hsl(218, 92%, 53%)
Un color de acento cálido
Entrada
#F4A261
Salida
- HEX
- #F4A261
- RGB
- rgb(244, 162, 97)
- HSL
- hsl(27, 87%, 67%)
Preguntas y respuestas
¿Cuál es la diferencia entre HEX, RGB y HSL?
Describen el mismo color de formas distintas. HEX es la forma compacta que se usa en CSS, RGB indica los valores de rojo, verde y azul de 0 a 255, y HSL usa tono, saturación y luminosidad, lo que facilita crear tonos más claros u oscuros.
¿Cómo copio un código de color?
Elija un color y luego use el botón de copiar junto al valor HEX, RGB o HSL que necesite.
¿Por qué al convertir desde HSL se puede obtener un color ligeramente distinto?
Los valores HSL se redondean a números enteros, por lo que al convertirlos de nuevo a HEX pueden variar en un paso.