Gjenerator & Selector ngjyrash

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

Konvertimi i ngjyrave

HEX

#315ba1

Azure

HEX
#315ba1
HSL
218, 53, 41
RGB
49, 91, 161
XYZ
11, 11, 35
CMYK
70, 43, 0, 37
LUV
39,-10,-56
LAB
39, 9, -42
HWB
218, 19, 37

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ë.

#315ba1
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