#FF69B4 · Generator Cod Lliw & Dewisydd

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

    Trosi Lliw

    HEX

    #ff69b4

    HEX
    #ff69b4
    HSL
    330, 100, 71
    RGB
    255, 105, 180
    XYZ
    55, 35, 47
    CMYK
    0, 59, 29, 0
    LUV
    65,108,-23
    LAB
    65, 64, -11
    HWB
    330, 41, 0

    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.

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