Generator Cod Lliw & Dewisydd

Cynhyrchu codau lliw, amrywiadau, cytgordau, a gwirio cymarebau cyferbyniad.

Trosi Lliw

HEX

#e0b646

Anzac

HEX
#e0b646
HSL
44, 71, 58
RGB
224, 182, 70
XYZ
49, 50, 13
CMYK
0, 19, 69, 12
LUV
76,47,68
LAB
76, 4, 60
HWB
44, 27, 12

Amrywiadau

Pwrpas yr adran hon yw cynhyrchu tints (gwyn pur wedi'i ychwanegu) a shades (du pur wedi'i ychwanegu) o'r lliw a ddewiswyd gennych mewn cynnydd o 10%.

Awgrym Pro: Defnyddia shades ar gyfer cyflwr hofran a chysgodion, tints ar gyfer uchafbwyntiau a chefndiroedd.

Shades

Amrywiadau tywyllach a grëwyd trwy ychwanegu du at dy liw sylfaenol.

Tints

Amrywiadau ysgafnach a grëwyd trwy ychwanegu gwyn at dy liw sylfaenol.

Achosion Defnydd Cyffredin

  • Cyflwr cydrannau UI (hofran, gweithredol, anabl)
  • Creu dyfnder gyda chysgodion ac uchafbwyntiau
  • Adeiladu systemau lliw cyson

Awgrym System Ddylunio

Mae'r amrywiadau hyn yn ffurfio sylfaen palet lliw cydlynol. Allforia nhw i gynnal cysondeb ar draws dy brosiect cyfan.

Cyfuniadau Lliw

Mae gan bob cytgord ei naws ei hun. Defnyddia gytgordau i feddwl am gyfuniadau lliw sy'n gweithio'n dda gyda'i gilydd.

Sut i Ddefnyddio

Clicia ar unrhyw liw i gopïo ei werth hex. Mae'r cyfuniadau hyn wedi'u profi'n fathemategol i greu cytgord gweledol.

Pam Mae'n Bwysig

Mae cytgordau lliw yn creu cydbwysedd ac yn ennyn emosiynau penodol yn dy ddyluniadau.

Cymhlyg

Lliw a'i wrthwyneb ar y olwyn lliw, +180 gradd o liw. Cyferbyniad uchel.

#e0b646
Gorau ar gyfer: Dyluniadau effaith uchel, CTAs, logos

Cymhlyg hollt

Lliw a dau gyfagos i'w gymhlyg, +/-30 gradd o liw o'r gwerth gyferbyn â'r prif liw. Beiddgar fel cymhlyg syth, ond yn fwy amlbwrpas.

Gorau ar gyfer: Cynlluniau bywiog ond cytbwys

Triadig

Tri lliw wedi'u gosod yn gyfartal ar hyd yr olwyn lliw, pob un 120 gradd o liw ar wahân. Gorau i ganiatáu i un lliw ddominyddu a defnyddio'r lleill fel acenion.

Gorau ar gyfer: Dyluniadau chwaraeus, egniol

Analog

Tri lliw o'r un disgleirdeb a dirlawnder gyda lliwiau sy'n gyfagos ar yr olwyn lliw, 30 gradd ar wahân. Trawsnewidiadau llyfn.

Gorau ar gyfer: Rhyngwynebau ysbrydoledig gan natur, llonydd

Monocromatig

Tri lliw o'r un lliw gyda gwerthoedd disgleirdeb +/-50%. Cynnil a mireinio.

Gorau ar gyfer: Dyluniadau minimalaidd, soffistigedig

Tetradic

Dau set o liwiau cyflenwol, wedi'u gwahanu gan 60 gradd o liw.

Gorau ar gyfer: Cynlluniau lliw cyfoethog, amrywiol

Egwyddorion Theori Lliw

Cydbwysedd

Defnyddiwch un lliw dominyddol, cefnogwch gyda lliw eilaidd, a defnyddiwch acenion yn brin.

Cyferbyniad

Sicrhewch gyferbyniad digonol ar gyfer darllenadwyedd a hygyrchedd.

Cytgord

Dylai lliwiau weithio gyda'i gilydd i greu profiad gweledol unedig.

Gwiriwr Cyferbyniad Lliw

Profwch gyfuniadau lliw i sicrhau eu bod yn cwrdd â safonau hygyrchedd WCAG ar gyfer darllenadwyedd testun.

Lliw Testun
Lliw Cefndir
Cyferbyniad
1.00
Fail
Gwael iawn
Testun bach
✖︎
Testun mawr
✖︎
Safonau WCAG
AA:Cymhareb cyferbyniad lleiaf o 4.5:1 ar gyfer testun arferol a 3:1 ar gyfer testun mawr. Angenrheidiol ar gyfer y rhan fwyaf o wefannau.
AAA:Cymhareb cyferbyniad uwch o 7:1 ar gyfer testun arferol a 4.5:1 ar gyfer testun mawr. Argymhellir ar gyfer hygyrchedd gorau posibl.
Cyferbyniad annigonol ar gyfer pob maint testun - methu safonau WCAG.

Gwiriwr cyferbyniad uwch

Addaswch yn fanwl gyda llithryddion, rhagolwg lluosog a mwy

Mae pawb yn athrylith. Ond os byddwch chi'n barnu pysgodyn yn ôl ei allu i ddringo coeden, bydd yn byw ei holl fywyd yn credu ei fod yn dwp.

- Albert Einstein

Fformatau Technegol

Fformatau Ymarferol

Dadansoddiad lliw

Efelychydd dallineb

Agweddau Creadigol