Generadur a Dewisydd Cod Lliw

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

Trosi Lliw

HEX

#b90000

Guardsman Red

HEX
#b90000
HSL
0, 100, 36
RGB
185, 0, 0
XYZ
20, 10, 1
CMYK
0, 100, 100, 27
LUV
38,137,26,
LAB
38, 63, 53
HWB
0, 0, 27

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.

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