ImageColorPicker.com

    #22417B Nočno Pristanišče

    Ustvari barvne kode, variacije, harmonije in preveri kontrastna razmerja.

    Pretvorba barv

    HEX

    #22417b

    HEX
    #22417b
    HSL
    219, 57, 31
    RGB
    34, 65, 123
    XYZ
    6, 6, 19
    CMYK
    72, 47, 0, 52
    LUV
    28,-7,-44
    LAB
    28, 10, -36
    HWB
    219, 13, 52

    Različice

    Namen tega razdelka je natančno ustvariti odtenke (dodana čista bela) in sence (dodana čista črna) izbrane barve v 10% korakih.

    Nasvet za profesionalce: Uporabi sence za hover stanja in sence, odtenke za poudarke in ozadja.

    Sence

    Temnejše različice, ustvarjene z dodajanjem črne k osnovni barvi.

    Odtenki

    Svetlejše različice, ustvarjene z dodajanjem bele k osnovni barvi.

    Pogosti primeri uporabe

    • • Stanja UI komponent (hover, aktivno, onemogočeno)
    • • Ustvarjanje globine s sencami in poudarki
    • • Izgradnja doslednih barvnih sistemov

    Nasvet za oblikovanje sistema

    Te različice tvorijo osnovo za usklajeno barvno paleto. Izvozi jih, da ohraniš doslednost v celotnem projektu.

    Barvne kombinacije

    Vsaka harmonija ima svoje razpoloženje. Uporabi harmonije za iskanje barvnih kombinacij, ki dobro delujejo skupaj.

    Kako uporabiti

    Klikni na katero koli barvo, da kopiraš njeno hex vrednost. Te kombinacije so matematično dokazano ustvarjajo vizualno harmonijo.

    Zakaj je pomembno

    Barvne harmonije ustvarjajo ravnovesje in vzbujajo specifična čustva v tvojih dizajnih.

    Komplement

    Barva in njeno nasprotje na barvnem krogu, +180 stopinj odtenka. Visok kontrast.

    #22417b
    Najboljše za: Visoko vplivni dizajni, CTA-ji, logotipi

    Razdeljeni komplement

    Barva in dve sosednji njenemu komplementu, +/-30 stopinj odtenka od vrednosti nasproti glavni barvi. Drzno kot neposreden komplement, a bolj vsestransko.

    Najboljše za: Živahne, a uravnotežene postavitve

    Triadična

    Tri barve enakomerno razporejene po barvnem krogu, vsaka 120 stopinj odtenka narazen. Najbolje je, da ena barva prevladuje, druge pa se uporabljajo kot poudarki.

    Najboljše za: Igrivi, energični dizajni

    Analogna

    Tri barve z enako svetlostjo in nasičenostjo z odtenki, ki so sosednji na barvnem krogu, 30 stopinj narazen. Gladki prehodi.

    Najboljše za: Naravno navdihnjeni, pomirjujoči vmesniki

    Monokromatska

    Tri barve z enakim odtenkom in svetlostjo +/-50%. Nežno in prefinjeno.

    Najboljše za: Minimalistični, prefinjeni dizajni

    Tetradična

    Dva kompleta komplementarnih barv, ločena za 60 stopinj barvnega odtenka.

    Najboljše za: Bogate, raznolike barvne sheme

    Načela barvne teorije

    Ravnovesje

    Uporabi eno dominantno barvo, podpri z sekundarno in poudari zmerno.

    Kontrast

    Zagotovi zadosten kontrast za berljivost in dostopnost.

    Harmonija

    Barve naj delujejo skupaj za ustvarjanje enotne vizualne izkušnje.

    Preverjalnik kontrasta barv

    Preizkusi barvne kombinacije, da zagotoviš, da ustrezajo WCAG standardom dostopnosti za berljivost besedila.

    Barva besedila
    Barva ozadja
    Kontrast
    1.00
    Fail
    Zelo slabo
    Majhno besedilo
    ✖︎
    Veliko besedilo
    ✖︎
    WCAG standardi
    AA:Minimalno kontrastno razmerje 4.5:1 za navadno besedilo in 3:1 za veliko besedilo. Zahtevano za večino spletnih mest.
    AAA:Izboljšano kontrastno razmerje 7:1 za navadno besedilo in 4.5:1 za veliko besedilo. Priporočeno za optimalno dostopnost.
    Nezadosten kontrast za vse velikosti besedila - ne ustreza WCAG standardom.

    Napredni preverjevalnik kontrasta

    Natančno prilagajanje s drsniki, več predogledi in več

    “

    Vsakdo je genij. Ampak če sodiš ribo po njeni sposobnosti plezanja na drevo, bo celo življenje verjela, da je neumna.

    - Albert Einstein

    Tehnični formati

    Praktični formati

    Analiza barv

    Simulator barvne slepote

    Kreativni vidiki

    Pogosta vprašanja

    Kakšna je barva #22417B?
    #22417B je Nočno Pristanišče – Globoka, hladna modrina z rahlim vijoličnim podtonom in gostim, skoraj satenskim videzom. Vzbuja občutek zbrane otopelosti in premišljene avtoritete, kot tihi hrbet pristanišča pred zoro.
    Kaj simbolizira Nočno Pristanišče?
    zaupanje v institucije, pomorska tradicija, nočno premišljevanje, diskretna prestižnost, stabilnost. V zahodni kulturi temne modrine simbolizirajo avtoriteto in zanesljivost (ladje, uniforma). V japonski estetiki globoke modre odtenke povezujejo z indigo tradicijo in preprostim prestižem. V nekaterih sredozemskih kulturah podobne modrine kličejo morje in tiho resnost pri uradnih priložnostih.
    Kje se uporablja Nočno Pristanišče v oblikovanju?
    V prostoru ali vmesniku pomiri pozornost in ustvarja občutek profesionalnosti ter zaupanja. Zaradi nizke svetlosti deluje kot osnova, ki poudari toplejše akcentne tone in izboljša kontrast bele ali kremne tipografije.
    Katere barve se ujemajo z Nočno Pristanišče?
    colorCode.seoFaqPairingAnswer #DDBE84: Komplementarna topla jantarna tan barva; ustvari uravnotežen kontrast in poudari vidnost (komplementarni kontrast).. #1F6A9A: Analogna hladnejša modro-turkizna za harmoničen in pomirjujoč prehod tonov (analogna harmonija).. #9A2241: Split-komplementaren/akcenčen burgundski ton daje bogat, luksuzen kontrast brez agresivne topline (split-komplementarna uporaba)..
    Kako Nočno Pristanišče vpliva na razpoloženje?
    Zadržana avtoriteta s premišljeno umirjenostjo Pogojen občutek varnosti in spoštovanja, ki sproži zaupanje brez vznemirjenja. colorCode.seoFaqMoodTraits
    Katere industrije uporabljajo Nočno Pristanišče?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    Kakšna je zgodovina Nočno Pristanišče?
    Historčno je ta vrsta globoke, hladne modrine sorodna odtenkom, ki so izhajali iz indiga in kasneje iz pruskega modrega pigmenta; indigo se je uporabljal tisočletja za tekstil v Južni Aziji in Japonskem, prusko modrino pa je konec 17. in začetek 18. stoletja sintetiziral v Berlinu kot cenovno dostopnejšo barvo za slikarstvo in tisk.
    Kako uporabiti Nočno Pristanišče v oblikovanju?
    Uravnoteženje: vedno kombinirajte to temno modrino z vsaj enim toplem akcentom ali nevtralno svetlo ploskvijo, da ohranite kontrast in človeško toplino.colorCode.seoFaqDesignDo
    Ali je Nočno Pristanišče dostopna?
    colorCode.seoFaqAccessibilityAnswer Zadosti WCAG AA za navaden in velik tekst.