🎨 Conversor de Colores HEX / RGB / HSL
Convierte entre formatos de color al instante con previsualización en tiempo real.
#6366F1
Selector de color
Clic para abrir selector
O escribe el valor en cualquier campo
R
99
G
102
B
241
—Luminosidad
—Contraste vs blanco
—Nombre CSS más cercano
Snippet CSS listo
¿Cómo usar esta herramienta?
- Introduce un valor de color en cualquier formato: HEX (#ff5733), RGB o HSL.
- La herramienta convierte automáticamente al resto de formatos.
- Usa el selector visual de color para elegir un tono de forma intuitiva.
- Copia el formato que necesites con un clic.
Preguntas frecuentes
¿Qué formatos de color convierte esta herramienta?
Convierte entre HEX (hexadecimal), RGB (rojo, verde, azul) y HSL (tono, saturación, luminosidad). Son los tres formatos más usados en diseño web y CSS.
¿Cuándo uso HEX y cuándo RGB?
HEX se usa frecuentemente en HTML y CSS por su brevedad. RGB es útil cuando necesitas manipular canales de color individualmente o aplicar transparencia (rgba). HSL es ideal para crear variaciones de tono fácilmente.
¿Puedo introducir colores con nombres como 'red' o 'blue'?
Esta herramienta trabaja con valores numéricos. Para nombres de colores CSS, puedes buscar su equivalente HEX en la documentación de MDN Web Docs.
¿Cómo convierto un color de Figma o Adobe a CSS?
Figma y Adobe ofrecen los valores HEX o RGB directamente. Cópialos aquí para obtener el formato que necesites para tu CSS.