Conversión de color
#372748
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 resaltar 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 luces
- • Construyendo sistemas de color consistentes
Consejo de Sistema de Diseño
Estas variaciones forman la base de una Palette 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é Importa
Las armonías de color crean equilibrio y evocan emociones específicas en tus diseños.
Complemento
Un color y su opuesto en la rueda de colores, +180 grados de tono. Alto contraste.
Complementario dividido
Un color y dos adyacentes a su complemento, +/-30 grados de tono del valor opuesto al color principal. Audaz como un complemento directo, pero más versátil.
Triádico
Tres colores espaciados uniformemente en la rueda de colores, cada uno a 120 grados de tono de distancia. Lo mejor es permitir que un color domine y usar los otros como acentos.
Análogo
Tres colores de la misma luminancia y saturación con tonos adyacentes en la rueda de colores, a 30 grados de distancia. Transiciones suaves.
Monocromático
Tres colores del mismo tono con valores de luminancia +/-50%. Sutil y refinado.
Tetrádico
Dos conjuntos de colores complementarios, separados por 60 grados de tono.
Principios de teoría del color
Equilibrio
Usa un color dominante, apóyalo con un secundario y acentúa con moderación.
Contraste
Asegúrate de tener suficiente contraste para la legibilidad y accesibilidad.
Armonía
Los colores deben trabajar juntos para crear una experiencia visual unificada.
Verificador de contraste de color
Prueba combinaciones de colores para asegurarte de que cumplan con los estándares de accesibilidad WCAG para la legibilidad del texto.
Color del texto
Color de fondo
Contraste
Estándares WCAG
Comprobador de contraste avanzado
Ajusta con precisión con deslizadores, múltiples vistas previas y más
Todos son un genio. Pero si juzgas a un pez por su habilidad para trepar un árbol, vivirá toda su vida creyendo que es estúpido.
Formatos técnicos
Formatos prácticos
Análisis de color
Simulador de daltonismo
Aspectos creativos
Dumande frequenti
- Chì culore hè u numeru 372748 ?
- # 372748 hè Midnight Heather – A deep, muted indigo-violet that reads almost black in low light while revealing cool purple undertones up close. It evokes quiet luxury and introspective calm, like the hush of a late evening garden.
- Chì simbulizeghja Midnight Heather ?
- nobility and refinement, mystery and secrecy, creative depth, spiritual introspection, evening and twilight. In Western contexts purple tones historically signal royalty and luxury; in Japan deep indigo (aizome) reads as craftsmanship and enduring tradition; in India violet and deep purple are linked to spirituality and festival garments. These associations make the shade feel both aristocratic and artisanal across cultures.
- Induve hè adupratu Midnight Heather in u disignu ?
- In spaces or interfaces, this shade deepens perceived richness and creates an intimate, cocooning atmosphere. It reduces visual noise and directs attention to lighter focal elements when used sparingly.
- Quali culori vanu bè cù Midnight Heather ?
- Midnight Heather si paia bè cù #C8D8B7, #2F3A72, #72472C . #C8D8B7: Direct complement (high contrast) — pale desaturated green provides elegant CTA contrast and a botanical, natural counterpoint.. #2F3A72: Analogous deep indigo-blue — preserves cool harmony and allows subtle gradation for shadows and layered backgrounds.. #72472C: Triadic warm anchoring tone — a muted burnt sienna adds grounded warmth and tactile richness without clashing..
- Cumu u Midnight Heather affetta l'umore ?
- Quiet luxury with reserved drama A primary response of contemplative calm with a hint of intrigue. Tratti chjave: reserved authority, refinement, mystery, depth, thoughtfulness .
- Quali industrie utilizanu Midnight Heather ?
- Midnight Heather hè cumunimenti adupratu in Luxury beauty and fragrance, Boutique financial/wealth advisory, Cultural institutions and galleries . Si adatta à archetipi di marca cum'è The Sage, The Magician .
- Chì ghjè a storia di Midnight Heather ?
- Deep indigo-violet tones like #372748 have antecedents in ancient indigo and purple dyes; true purple pigments (Tyrian/murex) were expensive and reddish, while indigo dyes produced cool, inky blues for textiles. Artists and dyers historically achieved similar dark purples by layering ultramarine or indigo with red lake pigments or by using natural vat-dyes in deep concentrations.
- Cumu aduprà Midnight Heather in u disignu?
- Maintain strong contrast and a single, well-chosen accent to let the shade read as depth rather than murk. E migliori pratiche: Pair #372748 with a desaturated pale green complementary (approx. C8D8B7) for CTAs to achieve elegant, high-contrast accents.; Use it as a grounded background and introduce texture (velvet, matte paper, or brushed metal) to show its depth without relying on bright highlights.; Reserve it for primary brand signals (logo/background, hero areas) and illuminate with a single bright accent to maintain legibility and hierarchy. .
- Midnight Heather hè accessibile ?
- Rapportu di cuntrastu nant'à u biancu: 13.58:1 , nant'à u neru: 1.55:1 .Passa WCAG AA per testu nurmale è grande.