Główny Projekt Graficzny Jak projektować z użyciem koloru niebieskiego i kolorów uzupełniających

Jak projektować z użyciem koloru niebieskiego i kolorów uzupełniających



Niebieski to jeden z najczęściej używanych kolorów w projektowaniu stron internetowych. Użycie koloru od średniego do ciemnoniebieskiego zapewnia relaksującą atmosferę, którą projektanci mogą uzupełnić kolorem żółtym i pomarańczowym.

Oto kilka różnych sposobów, w jakie niebieski może współpracować z innymi kolorami.

01 z 04

Przeciwieństwa się przyciągają, a błękit dobrze komponuje się z pomarańczą

Wybierz kolor niebieski i pomarańczowy, aby uzyskać 2-kolorową paletę uzupełniającą.

Lifewire / J. Niedźwiedź

Rozważ połączenie niebieskie kolory z pomarańczą w a uzupełniająca kolorystyka .

Od najciemniejszego do najjaśniejszego, pomarańcze pokazane przy każdej niebieskiej próbce na powyższym obrazku to:

  • Szesnastkowy #FFA500 | RGB 255,165,0 (złoty pomarańczowy; słowo kluczowe koloru SVG i słowo kluczowe koloru CSS pomarańczowy)
  • Szesnastkowy #FF8000 | RGB 255,128,0 (średni pomarańczowy)
  • Szesnastkowy #FF4500 | RGB 255,69,0 (pomarańczowo-czerwony; słowo kluczowe koloru SVG: pomarańczowy-czerwony)
  • Szesnastkowy #C83200 | RGB 200,50,0 (ciemny pomarańcz)
  • Liczby: szesnastkowe #FF7F27 | RGB 255,127,39 (brzoskwiniowy pomarańcz)

Błękity, od ciemniejszego do jaśniejszego to:

    Marynarka wojenna :Szesnastkowy #000080 | RGB 0,0,128 (słowo kluczowe koloru CSS/słowo kluczowe koloru SVG granatowy) Niebieski:Szesnastkowy #0000FF | RGB 0,0,255 (słowo kluczowe koloru CSS/SVG to niebieski; kolor bezpieczny dla przeglądarki)
  1. Szesnastkowo: #0045FF | RGB 0,69,255 (średni niebieski)
  2. Stalowo - niebieski:Sześciokąt #4682B4 | RGB 70 130 180 (słowo kluczowe koloru SVG steelblue; korporacyjny niebieski)
  3. Szesnastkowo: #0080FF | RGB 0,128,255 (średni niebieski)
  4. Jasny niebieski:Szesnastkowy #ADD8E6 | RGB 173 216 230 (kolor SVG – jasnoniebieski)

Ciemny błękit I średnie odcienie niebieskiego symbolizują znaczenie, pewność siebie, władzę, inteligencję, stabilność, jedność i konserwatyzm. Dodając odrobinę pomarańczy do swojej przeważnie ciemnoniebieskiej palety, wprowadzasz trochę ciepła i energii, dzięki czemu Twoja paleta nie będzie zbyt sztywna i przytłaczająca.

jak znaleźć loch w minecrafcie

Nie musisz używać dokładnie tych odcieni. Przejdź odrobinę jaśniej lub ciemniej, albo przejdź o jedno miejsce w lewo lub w prawo na kole kolorów. Te kombinacje kolorów pomogą Ci znaleźć odpowiednią paletę kolorów, w której głównymi składnikami są niebieski i pomarańczowy.

02 z 04

Połącz głęboki blues ze złocistą żółcią

Wybierz odcień żółtego, który będzie pasować do ciemnoniebieskiego lub fioletowo zabarwionego błękitu.

Lifewire / J. Niedźwiedź

Zmień ciemny błękit w prawie fioletowy i dodaj odrobinę słonecznej żółci w uzupełniającej kolorystyce.

Niebieski to kolor chłodny, który po dodaniu fioletowych tonów zmienia się w ciepły, natomiast żółty to ciepły kolor po drugiej stronie koła kolorów. Aby uniknąć nieprzyjemnych wibracji, należy unikać stosowania w równych ilościach. Ożyw swój błękit odrobiną żółci (lub uspokój swoją żółć odrobiną błękitu).

Od najciemniejszego do najjaśniejszego, kolor żółty pokazany przy każdej niebieskiej próbce na powyższym obrazku to:

    Żółcień kadowa:Szesnastkowy #FF9912 | RGB 255,153,18 (ciepły, brązowawo-żółty)Złoto:Szesnastkowy #FFD700 | RGB 255,215,0 (słowo kluczowe koloru SVG złoty)
  • Liczby: Szesnastkowo #FFFF00 | RGB 255,255,0 (żółte słowo kluczowe koloru SVG/CSS)

Bluesy to:

    Bardzo ciemnoniebieski:Szesnastkowy #000033 | RGB 0,0,51 (bezpieczny dla przeglądarki ciemnoniebieski)Niebieska północ:Heks #191970 | RGB 25,25,112 (słowo kluczowe koloru SVG: granatowy)Ciemny łupkowy błękit:Szesnastkowy #483D8B RGB 72,61,139 (słowo kluczowe koloru SVG darkslateblue; szarawo-fioletowy niebieski)Indygo:Heks #4B0082 | RGB 75,0,130 (indygo, słowo kluczowe koloru SVG; fioletowo-niebieski)Niebieski Fioletowy:Heks #8A2BE2 | RGB 138,43,226 (słowo kluczowe koloru SVG: niebieskofioletowy)Błękit kobaltowy:Heks #3D59AB | RGB 61,89,171

Kolory przechodzące w fioletowo-fioletową stronę błękitu mogą dodać odrobinę tajemniczości i nuty kobiecości. Dodaje ciepła chłodnemu błękitowi.

03 z 04

Odcienie cyjanu z ciemnym pomarańczem

Wybierz kolor zbliżony do cyjanu i ciepłego czerwonawo-pomarańczowego.

Lifewire / J. Niedźwiedź

jak mogę zobaczyć moją historię w google?

Cyjan od średniego do ciemnego to kolor niebieski na granicy zieleni. Tutaj różne odcienie średniego błękitu i cyjanu łączą się z ciemnobrązowo-pomarańczowymi kolorami.

Oprócz uspokajających właściwości, ten ciemniejszy odcień błękitu może nieść symbolikę zieleni, taką jak równowaga, harmonia i stabilność. W połączeniu z brązowawymi lub czerwonawymi odcieniami pomarańczy nabiera odrobiny ciepła i energii. Brąz to naturalny, przyziemny, neutralny kolor. Czerwień i cyjan to przeciwieństwa na kole kolorów o wysokim kontraście, ale niekoniecznie stanowią świetną kombinację. Przejście od czerwieni do pomarańczy i ciemniejszego błękitu zapewnia przyjemniejszą paletę.

Od najciemniejszego do najjaśniejszego, czerwono-pomarańczowy kolor pokazany przy każdej niebieskiej próbce na powyższym obrazku to:

    Głęboki Pomarańczowy Czerwony:​Szesnastkowy #CD3700 | RGB 205,55,0Pomarańcz kadmowy:​Szesnastkowy #FF6103 | RGB 255,97,3
  • Liczby: Czerwony Hex #FF0000 | RGB 255,0,0 (słowo kluczowe koloru SVG/CSS czerwony)

Bluesy to:

    Ciemny Królewski Niebieski:Sześciokąt #27408B | RGB 39,64,139Głęboki błękit nieba:Szesnastkowy #00688B | RGB 0,104,139 ( nie słowo kluczowe koloru deepskyblue)Ciemny łupkowy błękit:Sześciokątny #2F4F4F RGB 47,79,79 ( nie słowo kluczowe kolor darkslateblue)Ciemny cyjan:Heks #008B8B | RGB 0,139,139 (zielona strona niebieskiego)Błękit Manganowy:Heks #03A89E | RGB 3 168 158 (kolor niebiesko-turkusowy)Cyjan (Aqua):Szesnastkowy #00FFFF | RGB 0,255,255 (słowo kluczowe koloru SVG cyjan lub aqua; kolor niebiesko-zielony)
04 z 04

Niebieski, czerwony i żółty

Niebieski Czerwony Żółty i ich niebieskie dodatki

Lifewire / J. Niedźwiedź

Podzielona triada uzupełniająca przyjmuje jeden kolor (w tym przypadku niebieski), a następnie chwyta kolory po obu stronach dopełnienia tego koloru (przeciwny kolor na kole kolorów). Dopełnieniem czystego błękitu jest czysty żółty. Średni niebieski jest przeciwieństwem pomarańczowego. W zależności od tego, od jakiego odcienia błękitu zaczniesz i przez ile kolorów pośrednich przejdziesz, możesz dopasować go do kolorów od różowo-czerwonego do żółto-zielonego.

  1. Marynarka wojenna: Szesnastkowy #000080 | RGB 0,0,128
  2. Jasny czerwony: Szesnastkowy #FE0004 | RGB254,0,4
  3. Słoneczny żółty: Szesnastkowy #FFFB00 | RGB 255,251,0
  4. Ciemny łupkowy błękit: Szesnastkowy #483D8B RGB 72,61,139 (słowo kluczowe koloru SVG: ciemny łupkowy błękit; szarawo-fioletowy niebieski)
  5. Złoto: Szesnastkowy #FFD700 | RGB 255,215,0 (słowo kluczowe koloru SVG złoty)
  6. Chartreuse : Szesnastkowy #7FFF00 | RGB 127,255,0
  7. Ciemny cyjan: Sześciokąt #008B8B | RGB 0,139,139 (zielona strona niebieskiego)
  8. Fioletowo-czerwony: Sześciokąt #D02090 | RGB 208,32,144
  9. Ciemna pomarańcza: Szesnastkowy #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 sprawi, że będzie to dziecinne (pomyśl o kolorach podstawowych), jak w przykładzie nr 1. Jeśli jednak użyjesz tylko małych dawek czerwieni i żółci (lub pobliskich kolorów) z dominującą ciemnoniebieską kolorystyką, będzie to całkiem odpowiednie dla projektów dla dorosłych, których nie chcesz widziećzbytpoważny.

Próbki kolorów niebieskiego i innych kolorów z liczbami szesnastkowymi

Lifewire / Marina Li

firestick nie łączy się z Wi-Fi

Ciekawe Artykuły

Wybór Redakcji

Jak pozbyć się mojej sztucznej inteligencji w Snapchacie
Jak pozbyć się mojej sztucznej inteligencji w Snapchacie
Chociaż technologia ma wiele zalet, prawdopodobnie chcesz, aby Twoi prawdziwi przyjaciele byli na szczycie czatu na Snapchacie. Jednak zamiast tego platforma przypięła tam My AI. Na szczęście istnieją sposoby, aby przywrócić przyjaciół
Archiwa tagu: Windows 10 Lean
Archiwa tagu: Windows 10 Lean
Zmień folder wirtualnych dysków twardych Hyper-V w systemie Windows 10
Zmień folder wirtualnych dysków twardych Hyper-V w systemie Windows 10
Możesz zmienić folder używany do przechowywania dysków wirtualnych dla maszyn wirtualnych Hyper-V w systemie Windows 10. Pliki dysków wirtualnych to największe pliki maszyny wirtualnej.
Jak uzyskać zweryfikowany znacznik wyboru (dawniej koronę) w TikTok
Jak uzyskać zweryfikowany znacznik wyboru (dawniej koronę) w TikTok
Jeśli spędziłeś trochę czasu na TikTok, być może zauważyłeś, że mała ikona korony, która była na profilach niektórych użytkowników, teraz zniknęła. To dlatego, że te korony zostały zastąpione zweryfikowanymi znacznikami, takimi jak
Jak włączyć podświetlenie klawiatury w laptopie HP
Jak włączyć podświetlenie klawiatury w laptopie HP
Podświetlenie klawiatury to świetny sposób na korzystanie z laptopa HP w ciemności, a jego włączenie jest łatwe. Wystarczy przełączyć go za pomocą dedykowanego klawisza podświetlenia. Oto jak to się robi.
Jak otworzyć nowe okno aplikacji komputerowej z ekranu Start
Jak otworzyć nowe okno aplikacji komputerowej z ekranu Start
W systemie Windows 8 za każdym razem, gdy uruchamiasz drugą instancję (nowe okno) już uruchomionej aplikacji komputerowej, na ekranie startowym nie jest uruchamiana nowa instancja tej aplikacji. Po prostu przełącza się do już uruchomionego okna aplikacji komputerowej. Może to być bardzo denerwujące. Aby otworzyć inne okno tego samego programu, musisz
Jak wyciszyć się w Apex Legends
Jak wyciszyć się w Apex Legends
Apex Legends to popularna gra zespołowa dla wielu graczy, w którą możesz grać ze znajomymi lub przypadkowymi osobami. Ponieważ praca zespołowa jest niezwykle ważną częścią tej gry, komunikacja z kolegami z drużyny jest niezbędna.