Conversió de color
#ca4e4e
≈ Chestnut Rose
Variacions
L'objectiu d'aquesta secció és produir amb precisió tints (blanc pur afegit) i matisos (negre pur afegit) del color seleccionat en increments del 10%.
Consell professional: Feu servir ombres per als estats de punteig i les ombres, i tints per als punts destacats i els fons.
Ombres
Variacions més fosques creades afegint negre al color base.
Tints
Variacions més clares creades afegint blanc al color base.
Casos d'ús comuns
- • Estats dels components de la interfície d'usuari (en passar el cursor per sobre, actiu, desactivat)
- • Crear profunditat amb ombres i reflexos
- • Creació de sistemes de color consistents
Consell del sistema de disseny
Aquestes variacions formen la base d'una paleta de colors cohesionada. Exporteu-les per mantenir la coherència en tot el projecte.
Combinacions de colors
Cada harmonia té el seu propi ambient. Fes servir harmonies per fer una pluja d'idees sobre combinacions de colors que funcionin bé juntes.
Com utilitzar
Feu clic a qualsevol color per copiar-ne el valor hexadecimal. S'ha demostrat matemàticament que aquestes combinacions creen harmonia visual.
Per què és important
Les harmonies de colors creen equilibri i evoquen emocions específiques en els teus dissenys.
Complement
Un color i el seu oposat al cercle cromàtic, +180 graus de tonalitat. Alt contrast.
Complementari dividit
Un color i dos adjacents al seu complementari, a +/-30 graus de tonalitat respecte al valor oposat al color principal. Atrevit com un complement directe, però més versàtil.
Triàdic
Tres colors espaiats uniformement al llarg del cercle cromàtic, cadascun separat per 120 graus de tonalitat. El millor és deixar que un color domini i utilitzar els altres com a accents.
Anàleg
Tres colors de la mateixa luminància i saturació amb tons adjacents al cercle cromàtic, separats per 30 graus. Transicions suaus.
monocromàtic
Tres colors del mateix to amb valors de luminància de +/-50%. Subtil i refinat.
Tetràdic
Dos conjunts de colors complementaris, separats per 60 graus de tonalitat.
Principis de la teoria del color
Equilibri
Feu servir un color dominant, doneu-hi suport amb un color secundari i accentueu-lo amb moderació.
Contrast
Assegureu-vos que hi hagi prou contrast per a la llegibilitat i l'accessibilitat.
Harmonia
Els colors han de treballar conjuntament per crear una experiència visual unificada.
Comprovador de contrast de colors
Proveu les combinacions de colors per assegurar-vos que compleixen els estàndards d'accessibilitat WCAG per a la llegibilitat del text.
Color del text
Color de fons
Contrast
Estàndards WCAG
Tothom és un geni. Però si jutges un peix per la seva capacitat per pujar a un arbre, viurà tota la seva vida creient que és estúpid.