Əsas məzmuna keç
LibraTool logoLibraTool

Pulsuz Rəng Çevirici

Rəngləri HEX, RGB, HSL, HSV və CMYK formatları arasında dərhal çevirin. Parlaqlıq şkalası və hazır rəng nümunələri daxildir.

Bir dəfə yükləndikdən sonra oflayn işləyir

Rəngi HEX, RGB, HSL, HSV və CMYK arasında çevir — canlı önizləmə və bir dokunuşla kopyalama ilə. Hər şey brauzerdə işləyir.

Qəbul edir: HEX (#fff və ya #ffffff), RGB (255, 255, 255) və ya HSL (360, 100%, 50%)

100%
Hazır dəstlər:
HEX#14B8A6
rgb() · köhnərgb(20, 184, 166)
rgb() · müasırrgb(20 184 166)
hsl() · köhnəhsl(173, 80%, 40%)
hsl() · müasırhsl(173 80% 40%)
oklch()oklch(70.4% 0.123 182.5)
lab()lab(67.1% -42.9 -2.3)
lch()lch(67.1% 43.0 183.1)
hsv()hsv(173, 89%, 72%)
cmyk()cmyk(89%, 0%, 10%, 28%)
RGB dəyərləri20, 184, 166

WCAG kontrast

Ağ fonda

2,49:1

Qeyri-uyğun

Qara fonda

8,44:1

AAA
🖨️ Çap üçün: Bu CMYK dəyərləri (89%, 0%, 10%, 28%) istinad üçün standart sRGB→CMYK yaxınlaşmasıdır. Dəqiq çap rəngi üçün, printerin ICC profilindən istifadə edin və ya çapılmış nümunə əldə edin — ekran CMYK hər bir mürəkkəb/kağız kombinasiyası ilə uyğun gələ bilməz.

Parlaqlıq şkalası

Həmin çalara keçmək üçün istənilən nümunəyə klikləyin

Ümumi istifadələr

  • Veb Dizayn Üçün Rəngləri Çevirinİstənilən rəng üçün HEX, RGB və HSL dəyərləri əldə edin — CSS və ya Tailwind-ə yapışdırmaya hazır.
  • Çap (CMYK) Üçün Rəngləri ÇevirinEkran rənglərini (HEX/RGB) çap dizaynı və peşəkarcasına çapda istifadə üçün CMYK dəyərlərinə çevirin.
  • Dizayn Sistemləri Üçün Rəng Paletraları YaradınMarka rənglərini bütün formatlar arasında çevirin və tam dizayn sistemi üçün uyğun işıqlıq şkalası yaradın.
  • Erişim Üçün Rəng Kontrast YoxlayınKontrast nisbət alətlərində istifadə üçün RGB dəyərləri almaq üçün rəngləri çevirin — əlçatılı dizayn üçün WCAG uyumu.
  • Figma üçün Rəngləri DəyişdirinFigma rəng seçicilərinə və dizayn token sistemlərinə yapışdırmaq üçün dəqiq HEX və RGB dəyərləri əldə edin.

Necə İşləyir

Bütün çevirmə məntiqi tamamilə brauzerinizdə işləyən əl ilə yazılmış JavaScript-dir — kitabxana yoxdur, server çağırışı yoxdur. Alət girişinizi təhlil edir, onu saf riyaziyyat funksiyalarının bir zəncirindən keçirir və eyni zamanda müasir CSS Color 4 fəzaları oklch() və lab() daxil olmaqla on bir çıxış formatı yaradır.

  1. 1
    Çevik giriş təhlili
    Fərdi bir parser hex (3, 4, 6, ya da 8 rəqəm), rgb()/rgba(), həm köhnə vergül sintaksisi, həm də müasir boşluq sintaksisi ilə hsl()/hsla() və düz rəqəmsal üçlükləri qəbul edir. Onluq və ya faiz olaraq alfa dəyərləri hər hansı çevirmə başlamadan əvvəl 0–1 diapazonuna normallaşdırılır.
  2. 2
    Çevirmə mərkəzi kimi RGB
    Qəbul edilən hər format əvvəlcə kanonik bir RGB üçlüyünə həll edilir. Bu tək təmsildən alət yayılır: HSL və HSV standart min/maks/xroma düsturlarını istifadə edir; CMYK əsas kanalı tapmaqla çıxarılır; sRGB xəttiləşdirməsi (IEC 61966-2-1-də müəyyən edilmiş parçalı gamma əyrisi) qavrayışsal-fəza hesablamalarından əvvəl tətbiq edilir.
  3. 3
    Sıfırdan hesablanan qavrayışsal rəng fəzaları
    oklch() Björn Ottossonun istinad 3×3 matrislərindən (LMS kub-kök fəzası) istifadə edərək hesablanır. lab() və lch() D65 ağ nöqtəsindən D50-yə çevirmək üçün Bradford xromatik uyğunlaşmasından istifadə edir, bu isə CSS Color 4-ün lab()-ı necə müəyyən etdiyinə uyğun gəlir. Bunlar brauzer render mühərriklərində istifadə olunan eyni düsturlardır — burada heç bir xarici asılılıq olmadan tətbiq edilib.
  4. 4
    WCAG kontrastı və parlaqlıq şkalası
    Nisbi parlaqlıq WCAG 2.1 düsturuna (xəttiləşdirilmiş R, G, B 0.2126/0.7152/0.0722 çəkilmiş) görə hesablanır və ağa və qaraya qarşı kontrast nisbəti AA-large, AA, AAA, ya da Fail kimi qiymətləndirilir. HSL parlaqlıq kanalını 10%-dən 90%-ə addımlayaraq doqquz-addımlı bir parlaqlıq zolağı yaradılır, istənilən nümunəyə klikləyərək o çaları çevirməyə imkan verir.

Əlaqəli Alətlər

🎨

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.

Sınayın
🎨

Təsadüfi rəng generatoru

Təsadüfi rəngləri bir-bir və ya beşlik palitra kimi yaradın, bəyəndiklərinizi kilidləyin, HEX, RGB və ya HSL dəyərlərini kopyalayın və palitranı PNG ya da CSS kimi ixrac edin.

Sınayın
🎨

Rəng Palitrasının Generatoru

İstənilən əsas rəngdən tamamlayıcı, analoji, üçlü və monoxromatik rəng palitrasıları yaradın. Hex kodlarını bir klikdə kopyalayın.

Sınayın

Tez-tez Verilən Suallar