Generadur a Dewisydd Cod Lliw

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

Trosi Lliw

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

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.

#ca4e4e
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