Kolore Kode Sortzailea eta Hautatzailea

Sortu kolore kodeak, aldaerak, harmoniak eta egiaztatu kontraste-erlazioak.

Kolore-bihurketa

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

Aldaerak

Atal honen helburua hautatutako kolorearen tonuak (zuri hutsa gehituta) eta itzalak (beltz hutsa gehituta) % 10eko gehikuntzetan zehaztasunez sortzea da.

aholku profesionala: Erabili itzalak gainetik pasatzean egoeretarako eta itzaletarako, eta tonuak argietarako eta atzeko planoetarako.

Itzalak

Oinarrizko koloreari beltza gehituz sortutako aldaera ilunagoak.

Tintak

Oinarrizko koloreari zuria gehituz sortutako aldaera argiagoak.

Erabilera Kasu Ohikoak

  • UI osagaien egoerak (sabaia gainean, aktibo, desgaituta)
  • Sakonera sortzea itzalekin eta argiekin
  • Kolore-sistema koherenteak eraikitzea

Diseinu Sistemaren aholkua

Aldaera hauek kolore-paleta kohesionatu baten oinarria osatzen dute. Esportatu itzazu zure proiektu osoan koherentzia mantentzeko.

Koloreen konbinazioak

Harmonia bakoitzak bere giroa du. Erabili harmoniak elkarrekin ondo funtzionatzen duten kolore konbinazioak bururatzen zaizkion ideia-jasa egiteko.

Nola erabili

Egin klik edozein koloretan bere balio hexadezimala kopiatzeko. Konbinazio hauek harmonia bisuala sortzen dutela matematikoki frogatuta dago.

Zergatik den garrantzitsua

Koloreen harmoniek oreka sortzen dute eta emozio espezifikoak pizten dituzte zure diseinuetan.

Osagarria

Kolore bat eta bere aurkakoa kolore-gurpilean, +180 graduko tonua. Kontraste handia.

#ca4e4e
Onena honetarako: Eragin handiko diseinuak, ekintza-ekintzak, logotipoak

Zatitu-osagarria

Kolore bat eta bere osagarriaren ondoan dauden bi, kolore nagusiaren aurkako baliotik +/-30 graduko tonu-kolorea. Osagarri zuzen bat bezain ausarta, baina moldakorragoa.

Onena honetarako: Diseinu biziak baina orekatuak

Triadikoa

Hiru kolore kolore-gurpilean zehar berdin banatuta, bakoitza 120 graduko tonu-tartean. Hobe da kolore bat nagusitzea eta besteak azentu gisa erabiltzea.

Onena honetarako: Diseinu jostalari eta energetikoak

Analogoa

Luminantzia eta saturazio berdineko hiru kolore, kolore-gurpilean elkarrengandik hurbil dauden tonuekin, 30 graduko distantziarekin. Trantsizio leunak.

Onena honetarako: Naturan inspiratutako interfaze lasaigarriak

Monokromatikoa

+/- % 50eko luminantzia-balioekin tonu bereko hiru kolore. Sotila eta findua.

Onena honetarako: Diseinu minimalista eta sofistikatuak

Tetradikoa

Bi kolore osagarri multzo, 60 graduko tonu-tarteaz bereizita.

Onena honetarako: Kolore-eskema aberats eta anitzak

Koloreen Teoriaren Printzipioak

Oreka

Erabili kolore nagusi bat, lagundu bigarren mailakoekin eta azentuatu neurriz.

Kontrastea

Irakurgarritasuna eta irisgarritasuna bermatzeko kontraste nahikoa ziurtatu.

Harmonia

Koloreek elkarrekin lan egin behar dute esperientzia bisual bateratu bat sortzeko.

Kolore-kontrastearen egiaztatzailea

Probatu kolore konbinazioak testuaren irakurgarritasunerako WCAG irisgarritasun estandarrak betetzen dituztela ziurtatzeko.

Testuaren kolorea
Atzeko planoaren kolorea
Kontrastatu
Fail
Testu txikia
✖︎
Testu handia
✖︎
WCAG estandarrak
AA:Gutxieneko kontraste-erlazioa 4,5:1 testu normalarentzat eta 3:1 testu handiarentzat. Webgune gehienentzat beharrezkoa.
AAA:7:1eko kontraste-erlazio hobetua testu normalarentzat eta 4,5:1eko testu handiarentzat. Irisgarritasun optimoa lortzeko gomendatua.

Denak jenio bat dira. Baina arrain bat zuhaitz batera igotzeko duen gaitasunaren arabera epaitzen baduzu, bere bizitza osoa biziko du ergela dela sinetsiz.

- Albert Einstein

Formatu teknikoak

Formatu praktikoak

Koloreen analisia

Itsutasun Simulatzailea

Alderdi sortzaileak