Hex ve RGB Değerlerini Dönüştürme (JavaScript)

Bugün prototürk’ün yeni halini hazırlarken bir hex değerini rgb’ye dönüştürme ihtiyacı duydum.. Biraz araştırdıktan sonra bu işin o kadarda zor olmadığını anladım, bulduğum fonksiyonları sizlerle de paylaşmak istiyorum, eminim bir gün işinize yarar 🙂

RGB to HEX

Elinizde bulunan RGB değerini HEX değerine çevirmek için gerekli fonksiyon;

function hex(c) {
    var hex = c.toString(16);
    return hex.length == 1 ? "0" + hex : hex;
}

function rgb2hex(r, g, b) {
    return "#" + hex(r) + hex(g) + hex(b);
}

alert( rgb2hex(12, 47, 112) ); // #0c2f70

Sırasıyla Red, Green ve Blue değerlerini yazmanız yeterlidir.

HEX to RGB

Elinizde bulunan HEX değerini RGB değerine çevirmek için gerekli fonksiyon;

function hex2rgb(hex) {
  return ['0x' + hex[1] + hex[2] | 0, '0x' + hex[3] + hex[4] | 0, '0x' + hex[5] + hex[6] | 0];
}

alert( hex2rgb('#0c2f70') ); // 12,47,112

İyi çalışmalar herkese.

Yayınlayan

Tayfun Erbilen

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir