Aqbeż għall-kontenut ewlieni
LibraTool logoLibraTool

Picker tal-Kulur u Ġeneratur tal-Paletta b'xejn

Agħżel kuluri, ikkonverti bejn HEX/RGB/HSL, u tiġġenera paletti armonjużi.

Jaħdem offline ladarba mgħobbi
HEX
HSV
h217°
s76%
v96%
biss display

RGB

r
g
b

HSL

H
S
L

Aktar formati

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)

Kuntrast WCAG

L-eqreb kulur bl-isem: dodgerblue · Test iswed huwa aktar faċli biex jinqara hawn (5.71:1)

Test fuq abjad3.68:1AA kbir
Test fuq iswed5.71:1AA
Test fuq #ffffff3.68:1AA kbir

Sfumaturi u tinti (50–950)

Paletta tal-kulur

Komplementari

#3b82f6
#f6af3c

Triadiku

#3b82f6
#f63c83
#83f63c

Analoguwa

#3ce0f6
#3b82f6
#523cf6

Monocromatiku

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

Użi komuni

  • Color Picker għal Web DesignAgħżel u ħloq il-kuluri għar-website tiegħek — ikseb HEX, RGB, u HSL valuri plus palettes armoniċi.
  • Color Picker għal BrandingIbni l-palette tal-kulur ta' l-immarku tiegħek — agħżel kuluri primarja, sekondarja, u akkent li jaħdmu flimkien.
  • Color Picker għal Social MediaĦloq palettes tal-kulur li jħawwadu għal posts tal-midja soċjali, stories, u designs tal-profil.
  • Color Picker għal Print DesignAgħżel il-kuluri għal materjali stampati — flyers, business cards, brochures — b'previews tal-kulur eżatti.
  • Color Picker għal PresentationsIdejn l-kuluri ta' l-slides — agħżel il-kuluri tat-test leggibli, il-palettes tal-charts, u l-ħsanet tal-aksent kostanti.

Kif Taħdem

Kollox jaħdem direttament fil-browser tiegħek bl-użu ta' matematika ta' konverżjoni miktuba bl-idejn — l-ebda librerija tal-kulur, l-ebda round-trip lil server. Tagħżel kulur permezz tad-dħul tal-kulur nattiv tal-browser jew l-API EyeDropper, u l-għodda minnufih tikkonvertih f'sitt formats filwaqt li wkoll tikkalkula proporzjonijiet tal-kuntrast WCAG u tiġġenera paletti ta' armonija.

  1. 1
    Dħul tal-kulur permezz ta' API nattiva
    Tagħżel kulur permezz tal-widget <input type="color"> inkorporat tal-browser, jew — f'browsers ibbażati fuq Chromium — l-API EyeDropper tħallik tikkampjuna kwalunkwe pixel fuq l-iskrin tiegħek. Iż-żewġ perkorsi jirritornaw string hex li ssir is-sors uniku tal-verità.
  2. 2
    Konverżjonijiet ta' format miktuba bl-idejn
    L-għodda tikkonverti l-valur hex f'RGB, HSL, HSV, CMYK, u OKLCH bl-użu tal-funzjonijiet matematiċi tagħha stess (l-ebda librerija esterna). Il-konverżjoni OKLCH tilinearizza l-kanali sRGB, tapplika l-matriċi cube-root OKLab, imbagħad tiddefina l-chroma u l-angolu tal-hue — jaqbel mal-ħruġ modern CSS Color Level 4.
  3. 3
    Kalkolu tal-proporzjon tal-kuntrast WCAG
    Il-luminanza relattiva tiġi kkalkulata mill-kanali RGB linearizzati bl-użu tal-formula WCAG 2.x. L-għodda mbagħad tikkalkula l-proporzjonijiet tal-kuntrast kontra abjad pur u iswed pur u tikklassifikahom AA-large, AA, AAA, jew Fail skont il-limiti WCAG (3:1, 4.5:1, 7:1).
  4. 4
    Ġenerazzjoni ta' paletta ta' armonija u sejvjar lokali
    Kampjuni komplimentari, trijadiċi, analogi, u monokromatiċi jiġu derivati billi jiġu rrotati jew imxija l-valuri tal-hue u tad-dawl HSL matematikament. Paletti ssejvjati jinkitbu f'localStorage fil-browser tiegħek — xejn ma joħroġ mill-apparat tiegħek.

Għodod Relatati

🎨

Ġeneratur ta' kuluri każwali

Iġġenera kuluri każwali wieħed wieħed jew bħala palett ta' ħamsa, illokkja dawk li togħġob, ikkopja valuri HEX, RGB jew HSL u esporta l-palett bħala PNG jew CSS.

Ipprova
🎨

Konvertitur tal-Kuluri

Ikkonverti kuluri bejn formati HEX, RGB, HSL, HSV, u CMYK immedjatament. Jinkludi skala tal-luminożità u kampjuni preset.

Ipprova
🎨

Estrattore tal-Palette tal-Kuluri mill-Immaġni

Estratta l-kuluri dominanti minn kwalunkwe immaġni bl-użu ta' kwantizzazzioni tal-kuluri k-means. Ikseb il-kodiċi hex għall-2-16 kuluri l-aktar prominenti fir-ritratt jew logo tiegħek.

IpprovaIl-fajls jibqgħu lokali

Mistoqsijiet Frekwenti