Conversión de color
#77722d
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 77722D ?
- # 77722D hè Olivewood Reverie – A deep, muted olive-mustard with a dry, sun-faded finish and subtle brown undertone. It feels grounded and quietly authoritative, like weathered leather in an old study.
- Chì simbulizeghja Olivewood Reverie ?
- earth and harvest, endurance and longevity, practical thrift, heritage/tradition, military/utility. In Mediterranean cultures the olive tone echoes the olive tree and fertility, often read positively as endurance and sustenance; in Western commercial contexts it recalls military khaki and rugged outdoor gear, signaling utility and reliability; in Japanese aesthetics, muted olive tones are associated with wabi-sabi — modesty and aged beauty, emphasizing subtle imperfection.
- Induve hè adupratu Olivewood Reverie in u disignu ?
- In a space this color anchors the palette, creating a sense of permanence and practical comfort; it narrows emotional range toward focus and seriousness, reducing visual frivolity. As an accent it invites tactile interaction and suggests artisanal craft, but as a full-field surface it can make areas feel smaller and more intimate.
- Quali culori vanu bè cù Olivewood Reverie ?
- Olivewood Reverie si paia bè cù #2D3277, #2D7772, #722D77 . #2D3277: Direct complementary contrast (cool indigo) — energizes the olive and creates legible focal points (complementary harmony).. #2D7772: Triadic teal that cools and lifts the palette while maintaining equal visual weight (triadic harmony).. #722D77: Triadic deep plum that adds refined depth and a vintage richness when used sparingly (triadic harmony)..
- Cumu u Olivewood Reverie affetta l'umore ?
- Grounded warmth with reserved authority A calm, competent reassurance — familiar rather than flashy. Tratti chjave: stability, reliability, practicality, maturity, restraint .
- Quali industrie utilizanu Olivewood Reverie ?
- Olivewood Reverie hè cumunimenti adupratu in Artisanal food & beverage (olive oil, preserves), Outdoor/leisure apparel and gear, Home goods and ceramics . Si adatta à archetipi di marca cum'è The Craftsman, The Explorer .
- Chì ghjè a storia di Olivewood Reverie ?
- Pigments that produce this olive-mustard tone derive historically from yellow ochres and earth umbers, used since prehistoric cave painting and pottery glazes. Artisans in the Mediterranean and Near East blended ochres with iron-rich earths to create durable, muted yellows and greens that sit in this value range.
- Cumu aduprà Olivewood Reverie in u disignu?
- Maintain contrast and proportion: balance Olivewood Reverie with one cool contrasting accent and at least one light neutral to preserve clarity and visual lift. E migliori pratiche: Limit coverage to 30–50% of a composition to preserve warmth while avoiding a heavy, oppressive field.; Pair with a deep complementary indigo (#2D3277) for calls-to-action or focal elements to achieve high-impact contrast.; Introduce warm metallics (antique brass or burnished copper) as accents to lift the palette and emphasize craftsmanship. .
- Olivewood Reverie hè accessibile ?
- Rapportu di cuntrastu nant'à u biancu: 4.97:1 , nant'à u neru: 4.23:1 .Passa WCAG AA per testu nurmale è grande.