#E3B23C · Generator Cod Lliw & Dewisydd

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

    Trosi Lliw

    HEX

    #e3b23c

    HEX
    #e3b23c
    HSL
    42, 75, 56
    RGB
    227, 178, 60
    XYZ
    48, 48, 11
    CMYK
    0, 22, 74, 11
    LUV
    75,53,70
    LAB
    75, 6, 64
    HWB
    42, 24, 11

    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.

    #e3b23c
    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:Lleiafswm cymhareb o 4.5:1 ar gyfer testun arferol a 3:1 ar gyfer testun mawr. Angenrheidiol ar gyfer y mwyafrif 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