Kolore bihurketa
#6b8e23
Olive Drab
Aldakuntzak
Atal honen helburua zure hautatutako kolorearen tonuak (zuri hutsa gehituta) eta itzalak (beltz hutsa gehituta) %10eko gehikuntzetan zehaztasunez ekoiztea da.
Adituen aholkuak: Erabili itzalak hover egoeretarako eta itzalentzako, tonuak nabarmenduentzako eta atzeko planorako.
Itzalak
Zure oinarrizko koloreari beltza gehituz sortutako aldaera ilunagoak.
Tonuak
Zure oinarrizko koloreari zuria gehituz sortutako aldaera argiagoak.
Erabilera kasu arruntak
- • UI osagaien egoerak (hover, aktibo, desgaituta)
- • Sakonera sortzea itzalekin eta nabarmendunekin
- • Kolore sistema koherenteak eraikitzea
Diseinu sistema aholkuak
Aldakuntza hauek kolore paleta koherente baten oinarria osatzen dute. Esportatu zure proiektu osoan koherentzia mantentzeko.
Kolore konbinazioak
Harmonia bakoitzak bere aldartea du. Erabili harmoniak ondo elkarrekin funtzionatzen duten kolore konbinazioak sortzeko.
Nola erabili
Egin klik edozein koloretan bere hex balioa kopiatzeko. Konbinazio hauek matematikoki frogatuta daude ikusizko harmonia sortzeko.
Zergatik da garrantzitsua
Kolore harmoniak oreka sortzen dute eta zure diseinuetan emozio zehatzak eragiten dituzte.
Osagarri
Kolore bat eta bere kontrakoa kolore gurpilean, +180 graduko tonuarekin. Kontraste handia.
Banatutako osagarri
Kolore bat eta bere osagarriaren ondoan dauden bi, +/-30 graduko tonuarekin kolore nagusiaren kontrako balioan. Zuzeneko osagarri bezain ausarta, baina moldagarriagoa.
Triadikoa
Kolore gurpilean berdin banatutako hiru kolore, bakoitza 120 graduko tonuarekin. Hobe da kolore batek nagusitzea eta besteak azentu gisa erabiltzea.
Analogoa
Luminantzia eta saturazio bera duten hiru kolore, kolore gurpilean elkarren ondoan dauden tonuak, 30 graduko distantzian. Trantsizio leunak.
Monokromatikoa
Tonu bereko hiru kolore, luminantzia balioak +/-50%. Sotila eta findua.
Tetradikoa
Bi kolore osagarri multzo, 60 graduko tonuaren arabera banatuta.
Kolore teoria printzipioak
Oreka
Erabili kolore nagusi bat, lagundu bigarren mailakoarekin, eta azentuak gutxitan erabili.
Kontrastea
Ziurtatu irakurgarritasuna eta irisgarritasuna bermatzeko nahikoa kontraste dagoela.
Harmonia
Koloreek elkarrekin lan egin behar dute esperientzia bisual bateratua sortzeko.
Kolore kontraste egiaztatzailea
Probatu kolore-konbinazioak WCAG irisgarritasun estandarrak betetzen dituztela ziurtatzeko testuaren irakurgarritasunerako.
Testu kolorea
Atzeko kolorea
Kontrastea
WCAG estandarrak
Kontraste egiaztatzaile aurreratua
Doitu irristailuekin, aurrebista anitzekin eta gehiago
Denak dira jenioak. Baina arrain bat zuhaitz bat igotzeko duen gaitasunaren arabera epaitzen baduzu, bere bizitza osoa tontoa dela sinetsita biziko da.