Conversor de colores CSS
Convierte HEX a RGB, HSL y valores arbitrarios Tailwind.
Sobre esta herramienta
Convierte un color HEX en sus equivalentes RGB y HSL y genera una clase de fondo arbitraria de Tailwind lista para el marcado. Va bien con los colores corporativos que no están en la paleta por defecto.
Cómo usar
Edita el campo HEX y la salida se actualiza con los canales y la forma bg-[#…]. Copia después el valor que necesite tu componente.
Ejemplo
El azul cielo de ejemplo muestra el paso de HEX a RGB, HSL y clase arbitraria.
Entrada
#38bdf8Salida
HEX: #38BDF8
RGB: rgb(56, 189, 248)
HSL: hsl(199, 93%, 60%)
Tailwind arbitrary: bg-[#38bdf8]Consejo
Los colores arbitrarios son Tailwind válido; forzar el tono más cercano de la paleta suele traicionar la identidad de marca.
Conviene saber
¿Qué formatos de color convierte?
Escribe un valor HEX de 3 o 6 dígitos (o usa el selector) y obtienes RGB, HSL y una clase arbitraria de Tailwind como bg-[#38bdf8].
¿Por qué una clase arbitraria y no el color de Tailwind más cercano?
Los colores de marca rara vez coinciden con la paleta por defecto. Aproximar al más cercano cambia tu diseño sin avisar, mientras que bg-[#hex] conserva el color exacto.