Kolory dopełniające to para kolorów leżących naprzeciw siebie w kole barw. Takie zestawienie daje silny kontrast i jest często stosowane w projektowaniu graficznym oraz projektowaniu stron internetowych.
Przykłady kolorów dopełniających
Typowe pary kolorów dopełniających to:
- czerwony i zielony,
- niebieski i pomarańczowy,
- żółty i fioletowy.
W modelach opartych na kole barw, np. HSL lub HSV, kolory dopełniające różnią się zwykle o 180° na osi odcienia.
Zastosowanie w projektowaniu stron
Zestawienia dopełniające stosuje się, gdy projekt ma być wyrazisty i czytelny. Mogą pomagać w wyróżnieniu ważnych elementów, np. przycisku, linku, banera lub komunikatu.
Przykład:
button {
background-color: orange;
color: blue;
}
Takie połączenie może być kontrastowe, ale trzeba uważać, aby nie pogorszyć czytelności.
Różnica względem innych zestawień
- Analogiczne — kolory leżą obok siebie w kole barw.
- Monochromatyczne — różne odcienie, jasności lub nasycenia jednego koloru.
- Trójkątne — trzy kolory rozmieszczone równomiernie na kole barw.
- Dopełniające — dwa kolory po przeciwnych stronach koła barw.
Na egzaminie ważne jest skojarzenie: naprzeciw siebie w kole barw = kolory dopełniające.