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

Roblox Jak zdobyć koronę szaleństwa
Roblox Jak zdobyć koronę szaleństwa
Crown of Madness jest częścią Crown Series, specjalnym, fioletowym akcesorium stworzonym na wydarzenie Roblox o nazwie Ready Player Two. Wydarzenie rozpoczęło się 23 listopada 2020 r., a drugą fazę rozpoczęło w grudniu. Jak
Co to jest podtweet na Twitterze?
Co to jest podtweet na Twitterze?
Podtweet (skrót od „tweet podprogowy”) to tweet, który czujesz do kogoś, który tak naprawdę nie wymienia jego @nazwy użytkownika ani prawdziwego imienia.
Jak zmienić Wi-Fi na urządzeniu Google Home?
Jak zmienić Wi-Fi na urządzeniu Google Home?
Google Home to wygodny sposób na połączenie wszystkich inteligentnych urządzeń w domu. Aby cała operacja działała i umożliwiała sterowanie za pomocą aplikacji lub poleceń głosowych, należy ją jednak podłączyć
Jak skonfigurować tethering przez USB w systemie Windows 10
Jak skonfigurować tethering przez USB w systemie Windows 10
Dowiedz się, jak połączyć tethering przez USB w systemie Windows 10 i już nigdy nie martw się o łączenie się z publiczną siecią Wi-Fi.
Jak to naprawić, gdy aplikacje na Androidzie ciągle się zawieszają
Jak to naprawić, gdy aplikacje na Androidzie ciągle się zawieszają
Istnieje wiele typowych powodów, dla których aplikacja na Androidzie może się zawieszać. Wypróbuj te poprawki, aby rozwiązać ten częsty problem.
Jak usunąć zdjęcie z Kik
Jak usunąć zdjęcie z Kik
Wysyłanie zdjęć w aplikacjach do obsługi wiadomości to coś, co robimy na co dzień. Jednak czy kiedykolwiek wysłałeś złe zdjęcie do grupy lub przyjaciela na Kik? Jeśli nie wiesz, co zrobić, gdy to się stanie,
Jak usunąć wszystkie aplikacje z Kindle Fire
Jak usunąć wszystkie aplikacje z Kindle Fire
Sklep Amazon Appstore zawiera tysiące interesujących aplikacji na tablet Kindle Fire. Nie byłbyś pierwszym użytkownikiem, który wpadł w pułapkę pobierania zbyt wielu aplikacji. Ponieważ nikt nie ma czasu na wypróbowanie ich wszystkich,