#FFEB3B · Kolore kode sortzailea eta Selector de color

Sortu kolore kodeak, aldakuntzak, harmoniak eta egiaztatu kontraste ratioak.

Kolore bihurketa

#ffeb3b

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.

Egokiena: Diseinu inpaktanteak, CTAak, logotipoak

Banatutako osagarri

Kolore bat eta bere osagarriaren ondoan dauden bi, +/-30 graduko tonuarekin kolore nagusiaren kontrako balioan. Zuzeneko osagarri bezain ausarta, baina moldagarriagoa.

Egokiena: Diseinu bizi baina orekatuak

Triadikoa

Kolore gurpilean berdin banatutako hiru kolore, bakoitza 120 graduko tonuarekin. Hobe da kolore batek nagusitzea eta besteak azentu gisa erabiltzea.

Egokiena: Diseinu jostalari eta energetikoak

Analogoa

Luminantzia eta saturazio bera duten hiru kolore, kolore gurpilean elkarren ondoan dauden tonuak, 30 graduko distantzian. Trantsizio leunak.

Egokiena: Naturatik inspiratutako, interfaze lasaiak

Monokromatikoa

Tonu bereko hiru kolore, luminantzia balioak +/-50%. Sotila eta findua.

Egokiena: Diseinu minimalista eta sofistikatuak

Tetradikoa

Bi kolore osagarri multzo, 60 graduko tonuaren arabera banatuta.

Egokiena: Kolore eskema aberats eta anitzak

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.

Kontrastea

1.00
common.contrastFail
Oso txarra
Testu txikia
common.contrastFail
Testu handia
common.contrastFail

WCAG estandarrak

AA:Gutxieneko kontraste ratioa 4.5:1 testu normala eta 3:1 letra handietarako. Gehiengo webguneetan beharrezkoa.
AAA:Hobekuntza duten kontraste ratioa 7:1 testu normalerako eta 4.5:1 letra handietarako. Irisgarritasun optimoa gomendatua.
Kontraste nahikoa ez testu tamaina guztietarako - WCAG estandarrak ez ditu betetzen.

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.

contrastChecker.quote1Author

Formatu teknikoak

Aztertu bideo ekoizpenean, argazkigintzan, aplikazio zientifikoetan eta kolore kudeaketa sistemetan erabiltzen diren kolore espazio aurreratuen errepresentazioak eta kolore eredu profesionalak. Formatu tekniko hauek kolore zehaztapen zehatzak eskaintzen dituzte industria eta aplikazio espezializatuetarako.

Formatu praktikoak

Koloreak formatu praktikoetara bihurtu aplikazio errealetarako, inprimaketa simulazioa, LED pantailak, terminal irteera eta datu kodetzea barne. Formatu hauek koloreak ezartzen laguntzen dizute hainbat komunikabide, plataforma eta gailu fisikotan.

Kolore analisia

Aztertu kolore propietateak metrika aurreratuekin, espektro konposizioa, kolore purutasuna, metamerismo efektuak eta pertzepzio ezaugarriak barne. Tresna hauek kolorearen portaera eta itxura baldintza desberdinetan sakonki ulertzeko aukera ematen dute.

Itsutasun simulagailua

Egiaztatu kolore bat nola hautematen duten kolore itsutasun mota desberdinak dituzten pertsonek diseinu irisgarriagoak sortzeko. Kolore hautematea ulertzeak zure edukia guztiontzat irisgarria dela bermatzen laguntzen du.

Aldagai sortzaileak

Arakatu koloreen dimentsio artistiko eta psikologikoak, besteak beste, denboraldiko elkarteak, eragin emozionala, gertakari naturalak, pigmentu historikoak eta aplikazio sortzaileetarako kolore nahasketa errezetak.