Tsallake zuwa babban abun ciki

Kyauta Mai Zaɓar Launi da Kirkira Palette

Zaɓi launuka, canza tsakanin HEX/RGB/HSL, da kirkira palettes masu jituwa.

Yana aiki babu haɗi da zarar an loda shi
HEX
HSV
h217°
s76%
v96%
don gani kawai

RGB

r
g
b

HSL

H
S
L

Ƙarin tsare-tsare

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)

Bambancin WCAG

Launi mai suna mafi kusa: dodgerblue · Baƙin rubutu ya fi sauƙin karantawa a nan (5.71:1)

Rubutu akan fari3.68:1AA babba
Rubutu akan baƙi5.71:1AA
Rubutu a kan #ffffff3.68:1AA babba

Shades & tints (50–950)

Palette na launi

Mai Dacewa

#3b82f6
#f6af3c

Triadic

#3b82f6
#f63c83
#83f63c

Analogous

#3ce0f6
#3b82f6
#523cf6

Monochromatic

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

Amfani na yau da kullum

  • Color Picker for Web DesignPick and generate colours for your website — get HEX, RGB, and HSL values plus harmonious palettes.
  • Color Picker for BrandingBuild your brand colour palette — pick primary, secondary, and accent colours that work together.
  • Color Picker for Social MediaCreate eye-catching colour palettes for social media posts, stories, and profile designs.
  • Color Picker for Print DesignPick colours for printed materials — flyers, business cards, brochures — with accurate colour previews.
  • Color Picker for PresentationsDesign slide colour schemes — pick readable text colours, chart palettes, and consistent accent shades.

Yadda Yake Aiki

Duk abu yana gudana kai tsaye a burauzarka ta amfani da lissafin canjawa da aka rubuta da hannu — babu ɗakin karatu na launi, babu tafiya-zuwa-uwar garke. Kana zaɓen launi ta abin shigarwar launi na asali na burauza ko EyeDropper API, kuma kayan aikin yana canja shi nan take zuwa tsari shida yayin da yake kuma lissafta rabon bambanci na WCAG da ƙirƙirar palettes na daidaituwa.

  1. 1
    Shigarwar launi ta API na asali
    Kana zaɓen launi ta hanyar abin shigarwa <input type="color"> da aka gina na burauza, ko — a burauza masu tushen Chromium — EyeDropper API tana barinka ka ɗauki kowane pixel a allonka. Duka hanyoyin biyu suna mayar da harafin hex wanda yake zama ainihin gaskiya guda.
  2. 2
    Canjawar tsari da aka rubuta da hannu
    Kayan aikin yana canja ƙimar hex zuwa RGB, HSL, HSV, CMYK, da OKLCH ta amfani da ayyukan lissafinsa (babu ɗakin karatu na waje). Canjawar OKLCH tana daidaita tashoshin sRGB, tana amfani da matrix na cube-root na OKLab, sannan tana samo chroma da kusurwar hue — daidai da fitarwar CSS Color Level 4 na zamani.
  3. 3
    Lissafin rabon bambanci na WCAG
    Ana lissafta haske na dangi daga tashoshin RGB da aka daidaita ta amfani da ka'idar WCAG 2.x. Kayan aikin sannan yana lissafta rabon bambanci da fari cikakke da baki cikakke kuma yana lakabta su AA-babba, AA, AAA, ko Kasa bisa iyakokin WCAG (3:1, 4.5:1, 7:1).
  4. 4
    Ƙirƙirar palette na daidaituwa da ajiya na gida
    Ana samo samfuran complementary, triadic, analogous, da monochromatic ta hanyar juyawa ko matakan lissafi na ƙimomin hue da haske na HSL. Ana rubuta palettes da aka ajiye zuwa localStorage a burauzarka — babu wani da yake barin na'urarka.

Kayan Aiki Masu Alaƙa

Tambayoyin Da Ake Yi Sau Da Dama