Color Conversion
#f44336
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.
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.
Formata Technica
Explora repraesentationes spatii coloris provectas et exempla colorum professionalia in productione video, photographia, applicationibus scientificis, et systematibus administrationis colorum adhibita. Haec formata technica specificationes colorum praecisas pro industriis et applicationibus specialibus praebent.
Formati Practici
Colores converte ad formatos practicos pro applicationibus realibus, inclusis simulatione impressorum, ostensionibus LED, output terminali, et codificatione data. Hi formati adiuvant te colores per diversa media, suggesta, et machinas physicas adhibere.
Analysis Colorum
Analysa proprietates colorum cum metricis provectis, inter compositionem spectralem, puritatem coloris, effectus metamerismi, et proprietates perceptuales. Hae instrumenta praebent profunda perspectiones in mores et apparentiam colorum sub diversis conditionibus visus.
Simulatio caecitatis
Vide quomodo color a personis cum diversis generibus caecitatis coloris percipiatur ut consilia magis accessibilia crees. Intellectus perceptionis coloris adiuvat ut contentum tuum omnibus accessibile sit.
Aspectus Creativi
Explora dimensiones artificiosas et psychologicas colorum, inter coniunctiones temporum, impactum emotionalem, eventus naturales, pigmenta historica, et mixturas colorum ad usus creativos.