Color
Converter.
Convierte colores entre HEX, RGB, HSL y OKLCH. Encuentra el color Tailwind más cercano. Copia con un clic.
Todo sobre el Color Converter.
El Color Converter de GaloDev convierte colores entre todos los formatos usados en web: HEX (para HTML/CSS), RGB (para CSS y diseño), HSL (para manipulación de tonos) y OKLCH (el nuevo estándar de CSS moderno). También incluye un buscador de colores Tailwind que encuentra el color más cercano en la paleta oficial de Tailwind CSS.
Cómo usarlo
Usá el color picker para seleccionar un color visualmente, o escribí directamente en cualquier campo. Al modificar un formato, todos los demás se actualizan automáticamente. Los presets te permiten partir de colores comunes. El buscador de Tailwind compara contra más de 100 colores de la paleta y te muestra el nombre (ej: blue-500).
¿Qué es OKLCH y para qué se usa?
OKLCH es un espacio de color perceptualmente uniforme que CSS moderno soporta nativamente. A diferencia de HSL, OKLCH garantiza que colores con el mismo valor de luminosidad se perciban igualmente brillantes, lo que es ideal para paletas de diseño consistentes.
¿Qué diferencia hay entre RGB y HSL?
RGB define colores por sus componentes rojo, verde y azul. HSL los define por tono (Hue, 0-360°), saturación (0-100%) y luminosidad (0-100%). HSL es más intuitivo para ajustes de diseño como "hacer este color más claro" o "menos saturado".
¿Por qué el color Tailwind que muestra no es exactamente igual?
El buscador encuentra el color Tailwind más cercano por distancia euclidiana en el espacio RGB. Es una aproximación, no una conversión exacta. Tailwind tiene una paleta fija de colores.
¿Soporta colores con transparencia (alpha)?
La versión actual trabaja con colores opacos. El soporte para rgba y hsla está en el roadmap.
También podrías necesitar.
Todas las tools →JSON Formatter
Pretty-print, minify y validación JSON en tiempo real. Detecta errores con precisión de línea y carácter.
Base64 Tool
Codifica y decodifica texto en Base64 al instante. Soporta texto plano, JSON y URLs. Todo en tu navegador.
Password Generator
Contraseñas criptográficamente seguras con un clic. Longitud ajustable, símbolos opcionales, excluye caracteres ambiguos.
Regex Tester
Testea expresiones regulares en tiempo real. Resalta coincidencias, muestra grupos de captura, incluye cheatsheet.