RGB-dən Hex-ə Konverter

Slayderləri tənzimləyin və ya aşağıdakı HEX kodunu yapışdırın, RGB, HEX və HSL arasında ani çevirmə edin, canlı rəng nümayişi ilə — hamısı cihazınızda hesablanır.

API açarı yoxdur Heç nə brauzerinizdən çıxmır Məhdudiyyətsiz istifadə
RGB-dən Hex-ə Konverter — pulsuz onlayn alət

Rəng daxil et

Konvertasiya olunmuş çıxış

#1f3a5fHEX — kopyalamaq üçün klikləyin
31, 58, 95 RGB — kopyalamaq üçün klikləyin
210°, 51%, 25% HSL — kopyalamaq üçün klikləyin
Bu alətdən istifadə edən insanlardan

Rəyler

Rəy yüklənir…
Bu nədir və necə işləyir?

RGB-ni HEX-ə necə çevirmək

  1. Qırmızı, Yaşıl və Mavi sürgüləri sürüşdürün — və ya HEX kodunu birbaşa sahəyə yapışdırın — rəng təyin etmək üçün.
  2. Əvvəlcədən baxış nümunəsini və HEX, RGB və HSL dəyərlərini hər şeyi tənzimlədikcə canlı yenilənən şəkildə izləyin.
  3. Hər hansı dəyər kartına klikləyin, onu kopyalayın və CSS-ə, dizayn proqramına və ya koda yapışdırmağa hazır olun.
Rəng əsasları

RGB, HEX və HSL: fərq nədir?

RGB, HEX və HSL hamısı eyni rəngləri təsvir edir — onlar sadəcə eyni rəqəmləri yazmağın fərqli yollarıdır. RGB rəngi onu təşkil edən qırmızı, yaşıl və mavi işığın 0–255 şkalası üzrə nə qədər miqdarda birləşdiyini göstərərək müəyyən edir. HEX eyni RGB dəyərlərinin yığcam 6 rəqəmli 16-lıq koda çevrilmiş formasıdır, buna görə də rgb(31, 58, 95) və #1f3a5f eyni rənglərdir. HSL isə rəngi çalar (rəng dairəsindəki mövqeyi), doyma (onun canlılığı) və işıqlılıq üzrə təsvir edir — bu format əlaqəli çalarları seçmək üçün tez-tez daha intuitiv olur.

Hər bir formatın tipik istifadə olunduğu yerlər

FormatTipik istifadəNiyə
HEXCSS, HTML, dizayn alətləriQısa, tək sətir şəklində yapışdırıb paylaşmaq asandır
Qırmızı-yaşıl-bənövşəyiŞəffaflıqlı CSS (rgba)Şəffaflıq üçün alfa kanalını dəstəkləyir
Əsas rəng tonlarıRəng palitralarının yaradılmasıBir rəqəmi dəyişməklə daha açıq/daha tünd və ya əlaqəli çalarlar yaratmaq asandır
Veb dizayn

Bu dəyərləri CSS-də istifadə etmək

Üç formatdan hər hansı biri stil cədvəlində birbaşa işləyir: color: #1f3a5f;, color: rgb(31, 58, 95); və color: hsl(210, 51%, 25%); hamısı eyni tünd mavi rəngi göstərir. HEX bərk rənglər üçün ən çox yayılmış qısaldılmış formadır, RGB (və ya onun rgba() variantı) rəngə qismən şəffaflıq lazım olduqda faydalıdır, HSL isə tonu sabit saxlayıb yalnız işıqlılığı tənzimləməklə ardıcıl tonlar yaratmağı asanlaşdırır.

Ən çox verilən suallar

Tez-tez verilən suallar

Bu RGB-dən HEX-ə çevirici istifadəsi pulsuzdurmu?+

Bəli. Bu tamamilə brauzerinizdə JavaScript ilə işləyir, ona görə də hesab, API açarı və istifadə sayına heç bir məhdudiyyət yoxdur.

Rəng məlumatlarım harasa yüklənirmi?+

Xeyr. Hər bir konversiya brauzerinizdə yerli olaraq baş verir. Heç nə serverə göndərilmir, saxlanılmır və ya qeydə alınmır.

HEX ilə RGB arasındakı əsl fərq nədir?+

Onlar eyni rəngi fərqli notasyonlarla təsvir edirlər — HEX eyni qırmızı, yaşıl və mavi dəyərləri (RGB-nin 0-dan 255-ə qədər üç ayrı rəqəm kimi yazdığı dəyərləri) 16-lıq sistemdə 6 rəqəmli qısa yazıdır.

Əlaqəli alətlər

Dizayn və inkişaf üçün alətlər

Metodologiya

Bu çevirici necə işləyir

Dəyərlər JavaScript vasitəsilə yazarkən və ya rəng seçərkən RGB, HEX və HSL arasında canlı şəkildə çevrilir — daxil etdiyiniz heç nə serverə yüklənmir və ya harada isə saxlanılmır.

Son yenilənmə: 28 avqust 2026.

Davam et

Alətlər qutusunda daha çox alət

Daha çox API açarı tələb etməyən pulsuz alətlər ana səhifədə yerləşir.