Generadur a Dewisydd Cod Lliw

Cynhyrchu codau lliw, amrywiadau, harmonïau, a gwirio cymhareb cyferbyniad.

Trosi Lliw

HEX

#9c5758

Au Chico

HEX
#9c5758
HSL
359, 28, 48
RGB
156, 87, 88
XYZ
19, 15, 11
CMYK
0, 44, 44, 39
LUV
45,57,11,
LAB
45, 29, 12
HWB
359, 34, 39

Amrywiadau

Pwrpas yr adran hon yw cynhyrchu arlliwiau (gwyn pur wedi'i ychwanegu) a chysgodion (du pur wedi'i ychwanegu) o'ch lliw dewisol yn gywir mewn cynyddrannau o 10%.

Awgrym Proffesiynol: Defnyddiwch arlliwiau ar gyfer cyflyrau hofran a chysgodion, arlliwiau ar gyfer uchafbwyntiau a chefndiroedd.

Arlliwiau

Amrywiadau tywyllach a grëwyd trwy ychwanegu du at eich lliw sylfaenol.

Arlliwiau

Amrywiadau ysgafnach a grëwyd trwy ychwanegu gwyn at eich lliw sylfaenol.

Achosion Defnydd Cyffredin

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

Awgrym System Dylunio

Mae'r amrywiadau hyn yn ffurfio sylfaen palet lliw cydlynol. Allforiwch nhw i gynnal cysondeb ar draws eich prosiect cyfan.

Cyfuniadau Lliw

Mae gan bob harmoni ei naws ei hun. Defnyddiwch harmoniau i ystyried cyfuniadau lliw sy'n gweithio'n dda gyda'i gilydd.

Sut i Ddefnyddio

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

Pam Mae'n Bwysig

Mae harmonïau lliw yn creu cydbwysedd ac yn ennyn emosiynau penodol yn eich dyluniadau.

Cyflenwad

Lliw a'i gyferbyn ar yr olwyn liwiau, +180 gradd o liw. Cyferbyniad uchel.

#9c5758
Gorau ar gyfer: Dyluniadau effaith uchel, CTAs, logos

Hollt-gyflenwol

Lliw a dau sy'n gyfagos i'w gyflenwad, +/-30 gradd o liw o'r gwerth gyferbyn â'r prif liw. Yn feiddgar fel cyflenwad syth, ond yn fwy amlbwrpas.

Gorau ar gyfer: Cynlluniau bywiog ond cytbwys

Triadig

Tri lliw wedi'u gwasgaru'n gyfartal ar hyd yr olwyn liw, pob un 120 gradd o liw oddi wrth ei gilydd. Gorau po fwyaf yw gadael i un lliw ddominyddu a defnyddio'r lleill fel acenion.

Gorau ar gyfer: Dyluniadau chwareus, egnïol

Analog

Tri lliw o'r un disgleirdeb a dirlawnder gydag arlliwiau sy'n gyfagos ar yr olwyn liw, 30 gradd ar wahân. Pontiau llyfn.

Gorau ar gyfer: Rhyngwynebau tawelu wedi'u hysbrydoli gan natur

Monocromatig

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

Gorau ar gyfer: Dyluniadau minimalistaidd, soffistigedig

Tetradig

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

Gorau ar gyfer: Cynlluniau lliw cyfoethog, amrywiol

Egwyddorion Damcaniaeth Lliw

Cydbwysedd

Defnyddiwch un lliw amlwg, cefnogwch gydag eilaidd, ac acenwch yn gynnil.

Cyferbyniad

Sicrhewch ddigon o gyferbyniad ar gyfer darllenadwyedd a hygyrchedd.

Harmoni

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

Gwiriwr Cyferbyniad Lliw

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

Lliw Testun
Lliw cefndir
Cyferbyniad
Fail
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 gwell o 7:1 ar gyfer testun arferol a 4.5:1 ar gyfer testun mawr. Argymhellir ar gyfer hygyrchedd gorau posibl.

Mae pawb yn Athrylith. Ond Os Barnwch Bysgodyn yn ôl ei allu i ddringo coeden, bydd yn byw ei fywyd cyfan gan gredu ei fod yn ddwl.

- Albert Einstein

Fformatau Technegol

Fformatau Ymarferol

Dadansoddi Lliw

Efelychydd Dallineb

Agweddau Creadigol