Regula 60-30-10
Este cea mai utilă regulă pentru a împărți culorile. Vine din designul interior, dar se potrivește oricărui proiect.
- 60%: culoarea dominantă. De obicei este un neutru sau o nuanță blândă. Acoperă fundalurile și suprafețele mari.
- 30%: culoarea secundară. Aduce personalitate. Se folosește pentru blocuri, meniuri sau mobilă.
- 10%: culoarea de accent. Este cea mai izbitoare. Se folosește pentru butoane, iconițe sau detalii.
De exemplu: alb-gălbui (off-white) 60%, bleumarin 30% și portocaliu 10%.
Nu trebuie să măsori exact. Ideea este ca o culoare să conducă, alta să însoțească și alta să iasă în evidență.
Rolul neutrelor
Neutrele sunt albul, negrul, griul, bejul, cremul și maroul deschis. Se potrivesc cu aproape orice.
Odihnesc ochii și ajută culorile puternice să iasă în evidență. O paletă fără neutre obosește de obicei privirea.
- Alb și off-white: curățenie și spațiu.
- Gri: modern și sobru. Alege griuri calde sau reci în funcție de restul paletei.
- Bej și nisip: căldură și naturalețe.
- Negru sau aproape negru: eleganță și contrast. Pentru text, un gri foarte închis este de obicei mai plăcut decât negrul pur.
Combinații după temperatură
Culorile se împart în calde (roșuri, portocalii, galbene) și reci (albastre, verzi, violete). Există trei moduri simple de a le combina:
- Totul cald: pare primitor și energic. Ideal pentru restaurante sau branduri apropiate de oameni.
- Totul rece: pare liniștit și profesionist. Ideal pentru sănătate, tehnologie sau finanțe.
- Bază rece cu accent cald: varianta cea mai versatilă. Accentul cald atrage privirea pe un fundal calm.
Ce nu funcționează de obicei este să amesteci multe culori calde și reci intense deodată, fără o culoare dominantă.
Contrastul pentru text
O culoare frumoasă nu ajută dacă textul nu se citește. Contrastul dintre text și fundal este esențial pentru lizibilitate și accesibilitate.
- Folosește text închis pe fundal deschis sau text deschis pe fundal închis.
- Evită textul galben, verde deschis sau gri deschis pe alb.
- Evită culorile complementare saturate una peste alta, precum roșu pe verde. Vibrează și obosesc ochii.
- Normele WCAG cer un raport minim de 4,5:1 pentru text normal și 3:1 pentru text mare.
Poți verifica orice pereche de culori cu instrumentul nostru de verificare a contrastului.
15 combinații de culori care merg mereu
Aceste perechi sunt sigure pentru început. Folosește-le ca bază și adaugă un neutru sau un accent după nevoie.
- Bleumarin și crem: clasică, serioasă și ușor de citit.
- Negru și auriu: lux și eleganță.
- Albastru și portocaliu: complementare, cu multă energie.
- Verde de pădure și bej: naturală și liniștită.
- Roz și gri antracit: modernă și echilibrată.
- Galben și negru: contrast maxim, ideală pentru avertizări.
- Bordo și nisip: caldă și rafinată.
- Turcoaz și coral: proaspătă și de vară.
- Mov și lila deschis: monocromatică și creativă.
- Maro și verde salvie: pământie, ideală pentru branduri naturale.
- Gri și piersică: blândă și prietenoasă.
- Albastru petrol și galben pal: senină, cu o notă de lumină.
- Teracotă și off-white: caldă și mediteraneeană.
- Verde-albăstrui închis și muștar: retro și cu personalitate.
- Alb și roșu: directă, energică și foarte vizibilă.
Găsești multe alte idei, cu codurile HEX, pe pagina noastră de combinații de culori.
Ce se potrivește cu fiecare culoare
Dacă ai deja o culoare principală, lista aceasta îți dă un punct de plecare rapid:
- Roșu: alb, negru, gri, bleumarin și bej. Pentru ceva îndrăzneț, roz sau portocaliu.
- Portocaliu: bleumarin, turcoaz, alb, crem și maro.
- Galben: gri, negru, bleumarin și alb. Galbenul muștar se potrivește bine cu verdele închis.
- Verde: bej, alb, maro, auriu și roz pal.
- Albastru: alb, portocaliu, gri, galben și coral. Bleumarinul funcționează aproape ca un neutru.
- Mov: gri, lila, auriu, verde salvie și alb.
- Roz: gri, bleumarin, verde măsliniu, alb și auriu.
- Maro: crem, verde, albastru petrol, portocaliu și off-white.
Observă că neutrele apar în aproape toate listele. Sunt cel mai sigur mod de a însoți o culoare puternică.
Cum îți creezi propria combinație
- Alege o culoare principală în funcție de ce vrei să transmiți.
- Caută o culoare secundară pe cercul cromatic: o vecină pentru ceva liniștit, o opusă pentru ceva izbitor.
- Adaugă una sau două neutre.
- Alege o singură culoare de accent pentru ce este cel mai important.
- Testează paleta pe un exemplu real: o pagină, un slide sau o fotografie a camerei.
Dacă ai dubii, rămâi la mai puține culori. Trei până la cinci culori sunt suficiente pentru aproape orice proiect.
Greșeli frecvente când combini culori
- Prea multe culori. Rezultatul pare dezordonat și nimic nu iese în evidență.
- Aceeași greutate pentru toate. Fără o culoare dominantă, ochiul nu știe unde să se uite.
- Uiți de contrast. Texte care nu se citesc sau butoane care nu se văd.
- Saturezi totul. Culorile foarte vii obosesc. Combină-le cu nuanțe blânde.
- Ignori contextul. O culoare arată diferit la lumină naturală, pe ecran sau tipărită.
- Copiezi fără să adaptezi. O paletă care merge la un brand poate să nu se potrivească publicului tău.
- Amesteci neutre de temperaturi diferite. Un gri rece lângă un bej cald poate părea murdar. Alege neutre din aceeași familie.
- Nu testezi pe mai multe ecrane. O culoare poate arăta bine pe calculatorul tău și ștearsă pe un telefon. Verifică mereu pe mai multe dispozitive.