Convierte colores en todas direcciones, al instante
Un conversor de colores sólo es útil si habla todas las notaciones que usted utiliza. Esta herramienta convierte HEX a RGB y viceversa, y también une HSL, HSV (también llamado HSB) y CMYK, todo a la vez y en tiempo real. Escriba un HEX como #3b82f6 e inmediatamente obtendrá su rgb(59, 130, 246), su hsl(217, 91%, 60%), su hsv(217, 97%, 96%) y su cmyk(76%, 47%, 0%, 4%). Cambie cualquier campo y los demás le seguirán, para que pueda razonar sobre el modelo que se adapta al trabajo: HEX para marcado, RGB para lienzo y degradados, HSL/HSV para ajustes intuitivos de luminosidad y saturación, y CMYK cuando un diseño se va a imprimir.
De HEX a RGB, HSL, HSV y CMYK sin matemáticas
Debajo del capó, el convertidor normaliza cada entrada a un solo triple RGB, luego aplica las fórmulas sRGB estándar para derivar los otros espacios: los mismos navegadores matemáticos y herramientas de diseño que usan, por lo que los números coinciden con lo que ve en Figma, Photoshop o Chrome DevTools. También comprende la abreviatura HEX (#fff), HEX de 8 dígitos con alfa (#3b82f6aa), rgb()/rgba(), hsl()/hsla() y colores con nombres CSS comunes como carmesí, verde azulado y dorado, por lo que nunca tendrás que memorizar una fórmula o cambiar de pestaña. Cada formato tiene un botón de copiar y la gran muestra de vista previa muestra su color sobre un fondo real para que pueda comprobarlo de un vistazo.
Diseña mejores paletas con armonías y rampas.
Elegir un solo color es fácil; construir una paleta coherente es la parte difícil. El conversor genera armonías de color a partir de reglas de la teoría del color: complementarias (opuestas en la rueda), análogas (vecinas), triádicas y tetrádicas (espaciadas uniformemente), como muestras en las que se puede hacer clic y que puede colocar directamente en su proyecto. Una rampa de luminosidad recorre desde casi negro a casi blanco con el mismo tono y saturación, brindándole los tintes y sombras que los diseñadores buscan cuando necesitan estados flotantes, fronterizos y deshabilitados. Un mezclador de dos colores le permite mezclar cualquier par en una proporción elegida para crear intermedios, y una fila de ajuste fino le permite aclarar, oscurecer, saturar, desaturar o rotar el tono con un solo clic.
Accesibilidad y privacidad integradas
Un buen color es un color legible. El conversor muestra la relación de contraste WCAG de su color frente al blanco y al negro y marca el cumplimiento de AA (4.5:1) y AAA (7:1), para que pueda captar texto de bajo contraste antes de enviarlo, un compañero natural para el verificador de contraste dedicado. Y debido a que todo se ejecuta localmente en su navegador, sus colores nunca salen de su dispositivo: no hay carga, ni cuenta ni seguimiento, lo que mantiene privado el trabajo de la marca y del cliente mientras la herramienta permanece instantánea.
- 01
- HEX bidireccional ↔ RGB ↔ HSL ↔ HSV ↔ CMYK, con alfa
- 02
- Controles deslizantes interactivos RGB, HSL y alfa con pistas de gradiente en vivo
- 03
- Selector de color nativo + navegador EyeDropper
- 04
- Historial reciente + muestras guardadas (guardadas en su navegador)
- 05
- Compatibilidad con colores con nombre CSS (carmesí, verde azulado, dorado...)
- 06
- Armonías, rampa de tinte/sombra + mezclador bicolor
- 07
- Vista previa del daltonismo (protanopia, deuteranopia, tritanopia)
- 08
- Insignias de contraste WCAG AA/AAA en vivo
- 09
- Exportación lista para copiar para CSS, Tailwind, SCSS, Swift y Android
