HEX'ten RGB'ye Dönüştürücü: Renk Kodu Çevirmeni

HEX’ten RGB’ye Dönüştürücü

#3b82f6, rgb(59, 130, 246) değerine dönüşür. Her hex basamak çifti doğrudan bir RGB kanalına eşlenir: 3b kırmızı kanaldır (59), 82 yeşildir (130) ve f6 mavidir (246). Her iki format da aynı rengi temsil eder. Sadece aynı temel değerler için farklı gösterimlerdir.

Hex’in RGB’ye Eşlenmesi

Bir hex renk kodu, üç çifte bölünmüş altı onaltılık basamaktır. Onaltılık, 0-9 arası basamakları ve a-f arası harfleri kullanan 16 tabanlı bir sistemdir. Her çift, 0 (hex 00) ile 255 (hex ff) arasında bir kanal değerini temsil eder.

#3b82f6 için:

Hex Kısaltması

3 basamaklı hex renkleri, 6 basamaklı olanlar için kısayoldur. Her basamak çoğaltılır: #rgb, #rrggbb olarak genişler.

#f00  →  #ff0000  →  rgb(255, 0, 0)
#0f0  →  #00ff00  →  rgb(0, 255, 0)
#abc  →  #aabbcc  →  rgb(170, 187, 204)

Alfa Kanalları: 8 Basamaklı Hex ve rgba()

Standart 6 basamaklı hex’in opaklık yoktur. Şeffaflık için iki seçenek vardır:

İlki CSS’te rgba(): rgba(59, 130, 246, 0.5) %50 opaklık ekler.

İkincisi 8 basamaklı hex: #3b82f680. Son iki basamak alfa kanalıdır, yine 00 ile ff arası.

CSS Renk Fonksiyonları

/* HEX */
color: #3b82f6;

/* RGB */
color: rgb(59 130 246);        /* modern sözdizimi */
color: rgba(59, 130, 246, 0.5); /* alfa ile */

/* HSL */
color: hsl(217 91% 60%);

Statik renkler için HEX derli topludur. CSS özel özelliklerinden renk oluştururken rgb() kullanın. Tonu değiştirmeden parlaklık veya doygunluğu ayarlamanız gerektiğinde hsl() kullanın.