Niebieski to jeden z najczęściej używanych kolorów w projektowaniu stron internetowych. Używanie odcienia od średniego do ciemnoniebieskiego zapewnia relaksujące wrażenie, które projektanci mogą uzupełnić żółtym i pomarańczowym.
Oto kilka różnych sposobów, w jakie niebieski może współpracować z innymi kolorami.
Opposites przyciągają, a niebieski pasuje do pomarańczy
Rozważ połączenie koloru niebieskiego z pomarańczowym w dopełniającej kolorystyce.
Od najciemniejszego do najjaśniejszego, pomarańcze pokazane z każdą niebieską próbką na powyższym obrazku to:
- Hex FFA500 | RGB 255, 165, 0 (złoty pomarańczowy; słowo kluczowe SVG color i słowo kluczowe CSS color orange)
- Hex FF8000 | RGB 255, 128, 0 (średni pomarańczowy)
- Heks FF4500 | RGB 255, 69, 0 (pomarańczowo-czerwony; słowo kluczowe koloru SVG pomarańczowo-czerwony)
- Hex C83200 | RGB 200, 50, 0 (ciemny pomarańczowy)
- Liczby: Hex FF7F27 | RGB 255, 127, 39 (brzoskwiniowa pomarańcza)
Niebieski, od ciemniejszego do jaśniejszego to:
- Granatowy: Hex 000080 | RGB 0, 0, 128 (słowo kluczowe koloru CSS/słowo kluczowe koloru SVG granatowy)
- Niebieski: Hex 0000FF | RGB 0, 0, 255 (słowo kluczowe koloru CSS/SVG to niebieski; kolor bezpieczny w przeglądarce)
- Heks: 0045FF | RGB 0, 69, 255 (średni niebieski)
- Stal Niebieski: Sześciokąt 4682B4 | RGB 70, 130, 180 (słowo kluczowe koloru SVG steelblue; korporacyjny niebieski)
- Heks: 0080FF | RGB 0, 128, 255 (średni niebieski)
- Jasnoniebieski: Hex ADD8E6 | RGB 173, 216, 230 (słowo kluczowe kolorów SVG jasnoniebieski)
Ciemnoniebieskie i średnie odcienie niebieskiego symbolizują znaczenie, pewność siebie, władzę, inteligencję, stabilność, jedność i konserwatyzm. Dodając trochę pomarańczy do swojej przeważnie ciemnoniebieskiej palety, wprowadzasz trochę ciepła i energii, które mogą sprawić, że Twoja paleta nie będzie zbyt sztywna lub przytłaczająca.
Nie musisz używać dokładnie tych odcieni. Przejdź nieco jaśniej lub ciemniej, albo przesuń się o jedno miejsce w lewo lub w prawo na kole kolorów. Te kombinacje kolorów pomagają znaleźć odpowiednią paletę kolorów, używając jako głównych składników niebieskiego i pomarańczowego.
Połącz głęboki błękit ze złotym żółtym
Zmień ciemny błękit na prawie fioletowy i dodaj odrobinę słonecznej żółci w dopełniającej kolorystyce.
Niebieski to chłodny kolor przechodzący w ciepły, gdy dodasz fioletowe odcienie, podczas gdy żółty to ciepły kolor po drugiej stronie koła kolorów. Aby uniknąć nieprzyjemnych wibracji, unikaj używania w równych ilościach. Ożyw swój błękit odrobiną żółci (lub uspokój swój żółty odrobiną błękitu).
Od najciemniejszego do najjaśniejszego, żółte pokazane z każdą niebieską próbką na powyższym obrazku to:
- Cadium Yellow: Hex FF9912 | RGB 255, 153, 18 (ciepły, brązowożółty)
- Złoto: Hex FFD700 | RGB 255, 215, 0 (słowo kluczowe kolorów SVG złoty)
- Liczby: Hex FFFF00 | RGB 255, 255, 0 (słowo kluczowe kolorów SVG/CSS żółty)
Niebieskie barwy to:
- Bardzo ciemnoniebieski: Hex 000033 | RGB 0, 0, 51 (ciemnoniebieski bezpieczny dla przeglądarki)
- Midnight Blue: Hex 191970 | RGB 25, 25, 112 (słowo kluczowe SVG color midnightblue)
- Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (słowo kluczowe koloru SVG darkslateblue; szaro-fioletowy niebieski)
- Indygo: Hex 4B0082 | RGB 75, 0, 130 (słowo kluczowe SVG color indygo; fioletowo niebieski)
- Niebieski Fioletowy: Sześciokątny 8A2BE2 | RGB 138, 43, 226 (słowo kluczowe kolorów SVG niebieskofioletowy)
- Kob altowy niebieski: Hex 3D59AB | RGB 61, 89, 171
Kolory przechodzące w fioletowo-fioletową stronę niebieskiego mogą dodać odrobinę tajemniczości, nuty kobiecości. Dodaje ciepła chłodnemu błękitowi.
Odcienie cyjanu z ciemnym pomarańczowym
Od średniego do ciemnego cyjan jest niebieski na granicy zieleni. Tutaj różne odcienie niebieskiego i cyjanowego są połączone z ciemnobrązowo pomarańczowymi kolorami.
Oprócz uspokajających właściwości, ten ciemniejszy odcień niebieskiego może nieść symbolikę zieleni, taką jak równowaga, harmonia i stabilność. Nabiera trochę ciepła i energii w połączeniu z brązowawymi lub czerwonawymi odcieniami pomarańczy. Brąz to naturalny, przyziemny neutralny kolor. Czerwony i cyjan to przeciwieństwa na kole kolorów o wysokim kontraście, ale niekoniecznie są to świetne połączenie. Przejście od czerwieni do pomarańczy i ciemniejszego błękitu zapewnia bardziej przyjemną paletę.
Od najciemniejszego do najjaśniejszego, czerwono-pomarańczowe pokazane z każdą niebieską próbką na powyższym obrazku to:
- Głęboki pomarańczowy czerwony: Hex CD3700 | RGB 205, 55, 0
- Kadm Pomarańczowy: Hex FF6103 | RGB 255, 97, 3
- Liczby: Czerwony Hex FF0000 | RGB 255, 0, 0 (czerwone słowo kluczowe SVG/CSS)
Niebieskie barwy to:
- Ciemny Royal Blue: Hex 27408B | RGB 39, 64, 139
- Głęboki błękit nieba: Hex 00688B | RGB 0, 104, 139 (nie słowo kluczowe koloru deepskyblue)
- Dark Slate Blue: Hex 2F4F4F RGB 47, 79, 79 (nie słowo kluczowe kolor darkslateblue)
- Ciemny Cyjan: Hex 008B8B | RGB 0, 139, 139 (bardziej zielona strona niebieskiego)
- Mangan niebieski: Hex 03A89E | RGB 3, 168, 158 (kolor niebieski turkusowy)
- Cyan (Aqua): Hex 00FFFF | RGB 0, 255, 255 (słowo kluczowe kolorów SVG cyan lub aqua; kolor niebiesko-zielony)
Niebieski, czerwony i żółty
Podzielona triada komplementarna pobiera jeden kolor (w tym przypadku niebieski), a następnie pobiera kolory po obu stronach dopełnienia tego koloru (przeciwny kolor na kole kolorów). Dopełnieniem czystego błękitu jest czysta żółć. Średni niebieski jest naprzeciw pomarańczowego. W zależności od tego, od jakiego odcienia niebieskiego zaczynasz i ile kolorów pośrednich przechodzisz, możesz dopasować go do kolorów od różowo-czerwonego do żółto-zielonego.
- Granatowy: Hex 000080 | RGB 0, 0, 128
- Jasnoczerwony: Hex FE0004 | RGB 254, 0, 4
- Słoneczna żółć: Hex FFFB00 | RGB 255, 251, 0
- Dark Slate Blue: Hex 483D8B RGB 72, 61, 139 (słowo kluczowe kolorów SVG: ciemny łupkowy niebieski; szaro-fioletowy niebieski)
- Złoto: Hex FFD700 | RGB 255, 215, 0 (słowo kluczowe kolorów SVG złoty)
- Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
- Ciemny Cyjan: Hex 008B8B | RGB 0, 139, 139 (bardziej zielona strona niebieskiego)
- Fioletowo-czerwony: Hex D02090 | RGB 208, 32, 144
- Ciemnopomarańczowy: Hex C83200 | RGB 200, 50, 0 (nie słowo kluczowe kolor ciemnopomarańczowy)
Ciemniejsze odcienie niebieskiego oznaczają znaczenie, pewność siebie, władzę, autorytet, inteligencję, stabilność, jedność i konserwatyzm. Czerwony to kolejny kolor mocy, ale przyciąga uwagę bardziej niż niebieski. Żółty dodaje blasku i radości. Użycie równych ilości każdego koloru uczyniłoby go dziecinnym (pomyśl o kolorach podstawowych), jak w przykładzie 1. Jednakże, jeśli użyjesz tylko małych dawek czerwieni i żółci (lub pobliskich kolorów) z głównie ciemnoniebieskim schematem kolorów, jest to całkiem odpowiednie dla projektów dla dorosłych, które nie chcesz wyglądać zbyt poważnie.
