Əsas məzmuna keç

Pulsuz Rəng Seçici və Palet Generatoru

Rənglər seçin, HEX/RGB/HSL arasında çevirin və uyğun paletlər yaradın.

Bir dəfə yükləndikdən sonra oflayn işləyir
HEX
HSV
h217°
s76%
v96%
yalnız ekranda göstər

RGB

r
g
b

HSL

H
S
L

Daha çox formatlar

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)

WCAG kontrastı

Ən yaxın adlı rəng: dodgerblue · Burada qara mətni oxumaq daha asandır (5,71:1)

Ağ üzərində mətn3,68:1AA böyük
Qara üzərində mətn5,71:1AA
#ffffff üzərində mətn3,68:1AA böyük

Çalarlar və tonlar (50–950)

Rəng paleti

Tamamlayıcı

#3b82f6
#f6af3c

Triadik

#3b82f6
#f63c83
#83f63c

Analoji

#3ce0f6
#3b82f6
#523cf6

Monokromatik

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

Ümumi istifadələr

  • Veb Dizaynı üçün Rəng SeçiciVeb saytınız üçün rəngləri seçin və yaradın — HEX, RGB və HSL dəyərləri və koordinal paleta əldə edin.
  • Brending üçün Rəng SeçiciBrend rəng paletinizi qurun — birlikdə işləyən əsas, ikinci və vurgu rəngləri seçin.
  • Sosial Media üçün Rəng SeçiciSosial media yazıları, hekayələri və profil dizaynları üçün göz cəlb edən rəng palitrasını yaradın.
  • Çap Dizaynı üçün Rəng SeçiciÇapılı materiallar üçün rəngləri seçin — broşüralar, vizit kartları, bukletlər — dəqiq rəng ön baxışları ilə.
  • Təqdimatlar üçün Rəng SeçiciSlayd rəng sxemini dizayn edin — oxunaqlı mətn rəngləri, cədvəl palitrasını və ardıcıl vurgu tonlarını seçin.

Necə İşləyir

Hər şey əl ilə yazılmış çevirmə riyaziyyatı istifadə edərək birbaşa brauzerinizdə işləyir — rəng kitabxanası yoxdur, server gediş-gəlişi yoxdur. Brauzerin doğma rəng girişi və ya EyeDropper API vasitəsilə bir rəng seçirsiniz, alət isə onu dərhal altı formata çevirir, eyni zamanda WCAG kontrast nisbətlərini hesablayır və harmoniya palitraları yaradır.

  1. 1
    Doğma API vasitəsilə rəng girişi
    Brauzerin daxili <input type="color"> vidcetı vasitəsilə, ya da — Chromium-əsaslı brauzerlərdə — EyeDropper API ekranınızdakı istənilən pikseldən nümunə götürməyə imkan verir, bir rəng seçirsiniz. Hər iki yol da yeganə həqiqət mənbəyi olan bir hex sətri qaytarır.
  2. 2
    Əl ilə yazılmış format çevrilmələri
    Alət hex dəyərini öz riyaziyyat funksiyalarından istifadə edərək RGB, HSL, HSV, CMYK və OKLCH-ə çevirir (heç bir xarici kitabxana yoxdur). OKLCH çevrilməsi sRGB kanallarını xəttiləşdirir, OKLab kub-kök matrisini tətbiq edir, sonra xroma və ton bucağını çıxarır — müasir CSS Color Level 4 çıxışına uyğun gəlir.
  3. 3
    WCAG kontrast nisbəti hesablaması
    Nisbi parlaqlıq WCAG 2.x düsturundan istifadə edərək xəttiləşdirilmiş RGB kanallarından hesablanır. Alət sonra saf ağa və saf qaraya qarşı kontrast nisbətlərini hesablayır və onları WCAG hüddlərinə (3:1, 4.5:1, 7:1) görə AA-large, AA, AAA, ya da Fail kimi etiketləyir.
  4. 4
    Harmoniya palitrası yaradılması və lokal saxlanması
    Tamamlayıcı, triadik, analoji və monoxromatik nümunələr HSL ton və parlaqlıq dəyərlərini riyazi olaraq fırlatmaqla və ya addımlamaqla çıxarılır. Saxlanmış palitralar brauzerinizdə localStorage-ə yazılır — heç nə cihazınızı tərk etmir.

Əlaqəli Alətlər

Tez-tez Verilən Suallar