Conversión de color
#b795ff
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 B795FF ?
- # B795FF hè Moonlit Wisteria – A pale, luminous lavender with a cool blue undertone that reads like evening light filtered through spring blooms. It feels tenderly imaginative — a soft note of nostalgia that hints at quiet creativity.
- Chì simbulizeghja Moonlit Wisteria ?
- creativity and imagination, delicate elegance, renewal and springtime, feminine modernity, gentle luxury. In Western contexts this soft lavender reads as romantic and nostalgic, linked to florals and vintage fashion; in Japan pale violet aligns with refined elegance and seasonal wisteria imagery; in South Asian contexts purples can imply spirituality or ceremony, though this pale tone is more associated with contemporary fashion than traditional ritual.
- Induve hè adupratu Moonlit Wisteria in u disignu ?
- In a space or interface, this shade reduces visual tension and invites exploration without demanding attention. It signals thoughtful care and can make environments feel more intimate and curated when used as an accent.
- Quali culori vanu bè cù Moonlit Wisteria ?
- Moonlit Wisteria si paia bè cù #CFFF95, #9B5CFF, #FFB88F . #CFFF95: Split-complement (pale chartreuse) — creates a fresh, energetic counterpoint that highlights the lavender's coolness without overpowering it.. #9B5CFF: Analogous (deeper violet) — deepens the palette for luxury applications and preserves harmony while adding contrast through value shift.. #FFB88F: Triadic warmth (soft coral) — introduces a warm, approachable balance that elevates the lavender for lifestyle and fashion branding..
- Cumu u Moonlit Wisteria affetta l'umore ?
- Soft imaginative calm Viewers commonly feel soothed curiosity and a gentle uplift when they encounter this color. Tratti chjave: creativity, gentleness, nostalgia, refinement, approachability .
- Quali industrie utilizanu Moonlit Wisteria ?
- Moonlit Wisteria hè cumunimenti adupratu in Beauty & cosmetics, Wellness & sleep products, Premium loungewear/fashion . Si adatta à archetipi di marca cum'è The Creator, The Caregiver .
- Chì ghjè a storia di Moonlit Wisteria ?
- Pale violet-lavenders like Moonlit Wisteria trace their practical origins to 19th-century synthetic dyes such as mauveine (discovered 1856) and later lake pigments blended with white lead or zinc to achieve softer tints; before synthesis, artists mixed expensive purple lake pigments with white to get paler lavenders. Artists and textile dyers favored these softer violets as cheaper, fashionable alternatives to aristocratic Tyrian purple.
- Cumu aduprà Moonlit Wisteria in u disignu?
- Always balance its delicate luminosity with at least one darker neutral or warm accent to preserve legibility and depth. E migliori pratiche: Pair with a pale chartreuse or soft amber for split-complement contrast to energize packaging photography.; Use as a mid-tone accent (not the only color) with warm neutrals like ivory and light wood to maintain warmth.; Apply as a translucent glaze or satin finish to enhance luminosity and avoid flatness on product surfaces. .
- Moonlit Wisteria hè accessibile ?
- Rapportu di cuntrastu nant'à u biancu: 2.40:1 , nant'à u neru: 8.76:1 .Passa WCAG AA per testu nurmale è grande.