Generator Cod Lliw & Color Picker

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

Trosi Lliw

HEX

#b400ff

Electric Violet

HEX
#b400ff
HSL
282, 100, 50
RGB
180, 0, 255
XYZ
37, 17, 96
CMYK
29, 100, 0, 0
LUV
48,51,-122
LAB
48, 88, -81
HWB
282, 0, 0

Amrywiadau

Pwrpas yr adran hon yw cynhyrchu lliwiau (gwyn pur wedi'i ychwanegu) a chysgodion (du pur wedi'i ychwanegu) o'r lliw a ddewiswyd gennyt ti mewn cynnydd o 10%.

Awgrym Pro: Defnyddia gysgodion ar gyfer cyflwr hofran a chysgodion, lliwiau ar gyfer uchafbwyntiau a chefndiroedd.

Cysgodion

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

Lliwiau

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.

#b400ff
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, llonyddol

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

Defnyddia un lliw dominyddol, cefnog gyda lliw eilaidd, a defnyddia acen yn brin.

Cyferbyniad

Sicrha cyferbyniad 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

Addasu'n fanwl gyda llithryddion, rhagolwg lluosog a mwy

Mae pawb yn athrylith. Ond os byddi di'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