Cargando...
Introduce un color en HEX, RGB o HSL, o selecciónalo visualmente, para obtener conversiones exactas entre todos los formatos. Las armonías —complementaria, análogas y triádicas— se calculan automáticamente.
Gratis, sin cuenta obligatoria, procesamiento en el navegador y sin subida a servidor.
Introduce un color en HEX, RGB o HSL, o selecciónalo visualmente, para obtener conversiones exactas entre todos los formatos. Las armonías —complementaria, análogas y triádicas— se calculan automáticamente.
Formatos compatibles
HEX
#2F4A3F
CSS, HTML y diseño
RGB
rgb(47,74,63)
Desarrollo web clásico
HSL
hsl(150,22%,24%)
Ajustes intuitivos de tono, saturación y luminosidad
Las armonías se calculan a partir del tono HSL. Para un diseño accesible, comprueba el contraste de los colores complementarios: algunas parejas, como verde y rojo, resultan difíciles para personas con daltonismo.
Tienes el verde #2F4A3F y buscas un color complementario para un botón CTA. La herramienta calcula un rojo burdeos, #4A2F3F. Comprueba su contraste para garantizar la accesibilidad.