Neidio i'r prif gynnwys
LibraTool logoLibraTool

Codwr Lliw a Generadur Palet am ddim

Dewiswch liwiau, trosi rhwng HEX / RGB / HSL, a chynhyrchu paletau cytûn.

Yn gweithio all-lein ar ôl llwytho
HEX
HSV
h217°
s76%
v96%
dim ond arddangos

RGB

r
g
b

HSL

H
S
L

Mwy o fformatau

HEX8#3b82f6ff
RGBrgb(59 130 246)
HWBhwb(217 23% 4%)
CMYKcmyk(76%, 47%, 0%, 4%)
OKLCHoklch(62.3% 0.188 259.8)
SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)
Android0xFF3B82F6
FlutterColor(0xFF3B82F6)

Cyferbyniad WCAG

Y lliw a enwyd agosaf: dodgerblue · Mae testun du yn haws ei ddarllen yma (5.71:1)

Testun ar wyn3.68:1AA mawr
Testun ar ddu5.71:1AA
Testun ar #ffffff3.68:1AA mawr

Arlliwiau a thoddau (50–950)

Palet lliw

Cyflenwol

#3b82f6
#f6af3c

Triadaidd

#3b82f6
#f63c83
#83f63c

Tebyg

#3ce0f6
#3b82f6
#523cf6

Monochromatig

#073c92
#0a5adb
#3b82f6
#85b2f9
#cee0fd

Defnyddiau cyffredin

  • Dewiswr Lliw ar gyfer Dylunio GweDewiswch a chreuwch liwiau ar gyfer eich gwefan — cael gwerthoedd HEX, RGB, a HSL ynghyd â phaletiau cytunol.
  • Dewiswr Lliw ar gyfer BrandingAdeiladwch eich palediad lliw brand — dewiswch liwiau sylfaenol, eilaidd ac acen sy'n gweithio gyda'i gilydd.
  • Dewiswr Lliw ar gyfer Cyfryngau CymdeithasolCreu paletiau lliw sy'n tynnu llygad ar gyfer postau, straeon a dilysiad proffil cyfryngau cymdeithasol.
  • Dewiswr Lliw ar gyfer Dylunio ArgraffuDewiswch liwiau ar gyfer deunydd argraffed — taflenni, cardiau busnes, brochures — â rhagolygon lliw manwl.
  • Dewiswr Lliw ar gyfer CyflwyniadauCynllunio cynllun lliw sleidiau — dewiswch liwiau testun darllenadwy, paletiau siart a thonau acen cyson.

Sut Mae'n Gweithio

Mae popeth yn rhedeg yn uniongyrchol yn eich porwr gan ddefnyddio mathemateg trosi wedi'i ysgrifennu â llaw — dim llyfrgell liw, dim taith gron gweinydd. Rydych yn dewis lliw drwy fewnbwn lliw brodorol y porwr neu'r EyeDropper API, ac mae'r offeryn yn ei drosi ar unwaith i chwe fformat gan hefyd gyfrifo cymarebau cyferbyniad WCAG a chynhyrchu paledau harmoni.

  1. 1
    Mewnbwn lliw drwy API brodorol
    Dewiswch liw drwy widget adeiledig y porwr <input type="color">, neu — mewn porwyr seiliedig-Chromium — mae'r EyeDropper API yn eich galluogi i samplu unrhyw bicsel ar eich sgrin. Mae'r ddwy lwybr yn dychwelyd llinyn hecs sy'n dod yn unig ffynhonnell gwirionedd.
  2. 2
    Trosiadau fformat wedi'u hysgrifennu â llaw
    Mae'r offeryn yn trosi'r gwerth hecs yn RGB, HSL, HSV, CMYK, ac OKLCH gan ddefnyddio ei ffwythiannau mathemategol ei hun (dim llyfrgell allanol). Mae'r trosiad OKLCH yn llinellu'r sianeli sRGB, yn cymhwyso'r matrics gwreiddyn-ciwb OKLab, yna'n deillio chroma ac ongl arlliw — yn cyfateb i allbwn CSS Color Level 4 modern.
  3. 3
    Cyfrifiad cymhareb gyferbyniad WCAG
    Cyfrifir goleuedd cymharol o'r sianeli RGB llinellol gan ddefnyddio fformiwla WCAG 2.x. Yna mae'r offeryn yn cyfrifo cymarebau cyferbyniad yn erbyn gwyn pur a du pur ac yn eu labelu AA-large, AA, AAA, neu Fail yn ôl trothwyon WCAG (3:1, 4.5:1, 7:1).
  4. 4
    Cynhyrchu palet harmoni a chadw lleol
    Deillir samplau cyflenwol, triadaidd, cyfatebol, ac unliw drwy gylchdroi neu gamu gwerthoedd arlliw a goleuedd HSL yn fathemategol. Mae paledau a gadwyd yn cael eu hysgrifennu i localStorage yn eich porwr — nid oes dim yn gadael eich dyfais.

Offer Cysylltiedig

🎨

Generadur Lliwiau ar Hap

Cynhyrchwch liwiau ar hap un ar y tro neu fel palet o bump, cloi'r rhai rydych yn eu hoffi, copïo gwerthoedd HEX, RGB neu HSL ac allforio'r palet fel PNG neu CSS.

Rhowch gynnig arni
🎨

Trawsnewidydd Lliw

Trawsnewidwch liwiau rhwng fformatau HEX, RGB, HSL, HSV, a CMYK ar unwaith. Yn cynnwys graddfa goleuder a swatch rhagosodedig.

Rhowch gynnig arni
🎨

Echdynnwr Palet Lliw Delwedd

Echdynnwch y lliwiau dominyddol o unrhyw ddelwedd gan ddefnyddio meintreiddio lliw k-means. Cael codau hex ar gyfer y 2-16 lliw uchaf yn eich ffotograff neu logo.

Rhowch gynnig arniMae ffeiliau'n aros yn lleol

Cwestiynau Cyffredin