Conversia culorilor
#ca4e4e
≈ Chestnut Rose
Variații
Scopul acestei secțiuni este de a produce cu acuratețe nuanțe (alb pur adăugat) și nuanțe (negru pur adăugat) ale culorii selectate în trepte de 10%.
Sfat profesional: Utilizați nuanțe pentru stările de trecere și umbre, nuanțe pentru evidențiere și fundaluri.
Nuanțe
Variații mai întunecate create prin adăugarea de negru la culoarea de bază.
Nuanțe
Variații mai deschise create prin adăugarea de alb la culoarea de bază.
Cazuri comune de utilizare
- • Stările componentelor interfeței de utilizator (hover, activ, dezactivat)
- • Crearea adâncimii cu ajutorul umbrelor și luminilor
- • Construirea unor sisteme de culori coerente
Sfat pentru sistemul de proiectare
Aceste variații formează baza unei palete de culori coerente. Exportați-le pentru a menține coerența în întregul proiect.
Combinații de culori
Fiecare armonie are propria sa stare de spirit. Utilizați armoniile pentru a găsi combinații de culori care funcționează bine împreună.
Cum se utilizează
Faceți clic pe orice culoare pentru a-i copia valoarea hexagonală. S-a demonstrat matematic că aceste combinații creează armonie vizuală.
De ce este important
Armoniile culorilor creează echilibru și evocă emoții specifice în desenele dvs.
Completare
O culoare și opusul său pe roata culorilor, +180 grade de nuanță. Contrast ridicat.
Split-complementare
O culoare și două adiacente complementului său, la +/-30 de grade de nuanță față de valoarea opusă culorii principale. Îndrăzneț ca un complement direct, dar mai versatil.
Triadic
Trei culori distanțate uniform de-a lungul roții culorilor, fiecare la 120 de grade de nuanță. Cel mai bine este să lăsați o culoare să domine și să le folosiți pe celelalte ca accente.
Analogic
Trei culori cu aceeași luminanță și saturație, cu nuanțe adiacente pe roata culorilor, la 30 de grade distanță. Tranziții ușoare.
Monocromatic
Trei culori de aceeași nuanță cu valori ale luminanței de +/-50%. Subtil și rafinat.
Tetradic
Două seturi de culori complementare, separate de 60 de grade de nuanță.
Principiile teoriei culorilor
Echilibru
Utilizați o culoare dominantă, susțineți-o cu o culoare secundară și accentuați-o cu moderație.
Contrast
Asigurați un contrast suficient pentru lizibilitate și accesibilitate.
Armonie
Culorile trebuie să lucreze împreună pentru a crea o experiență vizuală unificată.
Verificator de contrast de culoare
Testați combinațiile de culori pentru a vă asigura că acestea respectă standardele de accesibilitate WCAG pentru lizibilitatea textului.
Culoarea textului
Culoarea fundalului
Contrast
Standardele WCAG
Oricine este un geniu. Dar dacă judeci un pește după capacitatea sa de a se cățăra într-un copac, acesta își va trăi toată viața crezând că este prost.