Color Conversion
#b5ecdf
Cruise
Variaciones
El propósito de esta sección es producir con precisión tonos (blanco puro añadido) y sombras (negro puro añadido) de tu color seleccionado en incrementos del 10%.
Consejo Pro: Usa sombras para estados de hover y sombras, tonos para resaltes y fondos.
Sombras
Variaciones más oscuras creadas añadiendo negro a tu color base.
Tonos
Variaciones más claras creadas añadiendo blanco a tu color base.
Casos de uso comunes
- • Estados de componentes UI (hover, activo, deshabilitado)
- • Creando profundidad con sombras y resaltes
- • Construyendo sistemas de color consistentes
Consejo de sistema de diseño
Estas variaciones forman la base de una paleta de colores cohesiva. Expórtalas para mantener la consistencia en todo tu proyecto.
Combinaciones de colores
Cada armonía tiene su propio estado de ánimo. Usa armonías para idear combinaciones de colores que funcionen bien juntas.
Cómo usar
Haz clic en cualquier color para copiar su valor hex. Estas combinaciones están matemáticamente probadas para crear armonía visual.
Por qué es importante
Las armonías de color crean equilibrio y evocan emociones específicas en tus diseños.
Complementum
Color et eius oppositum in rota colorum, +180 gradus hue. Alta contrapositio.
Complementum divisum
Color et duo adiacentia eius complemento, +/-30 gradus hue ab valore opposito colore principali. Audax sicut complementum rectum, sed magis versatile.
Triadicum
Tres colores aequaliter in rota colorum dispositi, singuli 120 gradus hue separati. Optimum est unum colorem dominari et alios ut accentus uti.
Analoga
Tres colores eiusdem luminis et saturationis cum hue adiacentibus in rota colorum, 30 gradus separati. Transitus lenes.
Monochromaticum
Tres colores eiusdem hue cum valoribus luminis +/-50%. Subtilis et exquisita.
Tetradicum
Duae coniugationes colorum complementariorum, 60 gradibus hue separatae.
Principia Theoriae Colorum
Aequilibrium
Utere uno colore dominante, sustine cum secundario, et accentua parcissime.
Contrapositio
Cura ut sufficiens contrapositio sit ad legibilitatem et accessibilitatem.
Harmonia
Colores debent cooperari ad unam visualem experientiam creandam.
Color Contrast Checker
Combinaciones colorum proba ut certum sit eas WCAG accessibility normas pro textu legibilitate convenire.
Color Textus
Color Background
Contrarium
WCAG Normae
Advanced Contrast Checker
Fine-tune with sliders, multiple previews & more
Omnes sunt ingeniosi. Sed si piscem iudicas ex eius facultate arborem ascendendi, totam vitam suam credet se stultum esse.