Gjenerator & Selector ngjyrash

    Gjenero kode ngjyrash, variacione, harmoni dhe kontrollo raportet e kontrastit.

    Konvertimi i ngjyrave

    HEX

    #b57edc

    Lavender

    HEX
    #b57edc
    HSL
    275, 57, 68
    RGB
    181, 126, 220
    XYZ
    39, 30, 71
    CMYK
    18, 43, 0, 14
    LUV
    62,35,-61
    LAB
    62, 39, -40
    HWB
    275, 49, 14

    Variacione

    Qëllimi i kësaj seksioni është të prodhojë saktësisht nuanca (shtuar e bardhë e pastër) dhe hije (shtuar e zezë e pastër) të ngjyrës së zgjedhur në rritje prej 10%.

    Këshillë Profesionale: Përdor hije për gjendjet e hover dhe hijet, nuanca për theksime dhe sfondet.

    Hije

    Variacione më të errëta krijuar duke shtuar të zezë në ngjyrën bazë.

    Nuanca

    Variacione më të lehta krijuar duke shtuar të bardhë në ngjyrën bazë.

    Raste të Përdorimit të Zakonshëm

    • Gjendjet e komponentëve UI (hover, aktiv, i çaktivizuar)
    • Krijimi i thellësisë me hije dhe theksime
    • Ndërtimi i sistemeve të qëndrueshme të ngjyrave

    Këshillë për Sistemin e Dizajnit

    Këto variacione formojnë bazën e një palete ngjyrash kohezive. Eksportoji ato për të ruajtur qëndrueshmërinë në të gjithë projektin tënd.

    Kombinime Ngjyrash

    Çdo harmoni ka humorin e vet. Përdor harmonitë për të krijuar kombinime ngjyrash që funksionojnë mirë së bashku.

    Si të Përdoret

    Kliko mbi çdo ngjyrë për të kopjuar vlerën e saj hex. Këto kombinime janë matematikisht të provuara për të krijuar harmoni vizuale.

    Pse Është e Rëndësishme

    Harmonitë e ngjyrave krijojnë balancë dhe nxisin emocione specifike në dizajnet e tua.

    Komplement

    Një ngjyrë dhe e kundërta e saj në rrotën e ngjyrave, +180 gradë të nuancës. Kontrast i lartë.

    #b57edc
    Më e mira për: Dizajne me ndikim të lartë, CTA, logo

    Komplementare e ndarë

    Një ngjyrë dhe dy ngjyra ngjitur me komplementin e saj, +/-30 gradë të nuancës nga vlera e kundërt e ngjyrës kryesore. E guximshme si një komplement i drejtë, por më e larmishme.

    Më e mira për: Layout-e të gjalla por të balancuara

    Triadike

    Tre ngjyra të shpërndara në mënyrë të barabartë përgjatë rrotës së ngjyrave, secila 120 gradë të nuancës larg. Më mirë të lejohet një ngjyrë të dominojë dhe të përdoren të tjerat si thekse.

    Më e mira për: Dizajne lozonjare, energjike

    Analoge

    Tre ngjyra me të njëjtën ndriçim dhe ngopje me nuanca që janë ngjitur në rrotën e ngjyrave, 30 gradë larg. Kalime të buta.

    Më e mira për: Ndërfaqe të frymëzuara nga natyra, qetësuese

    Monokromatike

    Tre ngjyra të së njëjtës nuancë me vlera ndriçimi +/-50%. Delikate dhe të rafinuara.

    Më e mira për: Dizajne minimaliste, të sofistikuara

    Tetradike

    Dy palë ngjyra komplementare, të ndara nga 60 gradë të nuancës.

    Më e mira për: Skema ngjyrash të pasura, të larmishme

    Parimet e teorisë së ngjyrave

    Balancë

    Përdor një ngjyrë dominuese, mbështet me ngjyrë sekondare dhe thekso me kujdes.

    Kontrast

    Siguro kontrast të mjaftueshëm për lexueshmëri dhe aksesueshmëri.

    Harmoni

    Ngjyrat duhet të punojnë së bashku për të krijuar një përvojë vizuale të unifikuar.

    Kontrolluesi i Kontrastit të Ngjyrave

    Testo kombinimet e ngjyrave për të siguruar që ato plotësojnë standardet e aksesueshmërisë WCAG për lexueshmërinë e tekstit.

    Ngjyra e Tekstit
    Ngjyra e Sfondit
    Kontrast
    1.00
    Fail
    Shumë e dobët
    Tekst i vogël
    ✖︎
    Tekst i madh
    ✖︎
    Standardet WCAG
    AA:Raporti minimal i kontrastit prej 4.5:1 për tekstin normal dhe 3:1 për tekstin e madh. Kërkohet për shumicën e faqeve të internetit.
    AAA:Raporti i përmirësuar i kontrastit prej 7:1 për tekstin normal dhe 4.5:1 për tekstin e madh. Rekomandohet për aksesueshmëri optimale.
    Kontrast i pamjaftueshëm për të gjitha madhësitë e tekstit - nuk plotëson standardet WCAG.

    Kontrollues i avancuar i kontrastit

    Rregullo me rrëshqitës, shumë pamje paraprake & më shumë

    Të gjithë janë Gjeni. Por nëse gjykon një peshk nga aftësia e tij për të ngjitur një pemë, do të jetojë gjithë jetën duke besuar se është budalla.

    - Albert Einstein

    Formate teknike

    Formatet Praktike

    Analiza e ngjyrave

    Simulues i verbërisë

    Aspektet kreative