RGB ↔ Hex Renk Kodu Çevirici

RGB değerlerini Hexadecimal kodlara veya tam tersine anında dönüştürün. Web tasarımcıları ve CSS geliştiricileri için renk yönetim aracı.

EN TR RU

Girdi

Hex
RGB
Tek alanı doldurup çalıştırın.

Çıktı

Dijital Tuvalin Matematiği: RGB ve Hex Arasındaki Köprü

Web tasarım dünyasında renkler, iki farklı dil konuşur. Grafik kartları ve monitörler, ışığı temel alan "Toplamsal Renk Modeli"ni (Additive Color Model) yani RGB'yi (Kırmızı, Yeşil, Mavi) kullanır. Ancak tarayıcılar ve CSS dosyaları, genellikle 16'lık sayı tabanına (Base-16) dayanan Hexadecimal (Hex) kodları tercih eder. Bir UI tasarımcısının Photoshop veya Figma'da `R:52, G:152, B:219` olarak belirlediği bir "Flat Blue" rengini, bir frontend geliştiricisinin projeye dahil edebilmesi için `#3498DB` formatına çevirmesi gerekir. RGB ↔ Hex Dönüştürücü aracımız, bu iki farklı matematiksel ifade arasındaki hesaplamayı saniyeler içinde yapar ve tasarım tutarlılığını (design consistency) garanti altına alır.

Hexadecimal Yapı ve "Web Safe" Renkler

Hex kodu, aslında RGB değerlerinin matematiksel bir kısa yoludur. `#` işaretiyle başlar ve 6 haneden oluşur: İlk ikisi Kırmızı (Red), ortadaki ikisi Yeşil (Green) ve son ikisi Mavi (Blue) kanalını temsil eder (`#RRGGBB`). Her hane 0-9 ve A-F arasındaki karakterleri alabilir. Bu sistem, geliştiricilerin 16.7 milyon farklı renk kombinasyonunu kısa bir kod bloğuyla ifade etmesine olanak tanır. Aracımız, dönüştürme işlemi sırasında sadece standart 6 haneli kodları değil, aynı zamanda CSS'te sıkça kullanılan 3 haneli "Shorthand" kodları da (Örn: `#F00` -> `#FF0000`) tanır ve doğru şekilde genişletir.

Opaklık (Alpha Channel) ve CSS Değişkenleri

Modern web tasarımında renkler sadece tonlardan ibaret değildir; şeffaflık (Opacity) da kritik bir rol oynar. Standart RGB ve Hex dönüşümleri opaklığı kapsamazken, aracımız modern CSS standartlarını destekler. RGB değerlerini CSS değişkenlerine (CSS Variables) atarken veya JSON veri dosyalarında renk paletleri oluştururken, doğru formatta veriye ihtiyacınız vardır. Dönüştürücümüz, matematiksel yuvarlama hatalarını minimize ederek, bir rengin ekranda tam olarak tasarımcının hayal ettiği gibi görünmesini sağlar. Özellikle "Design System" oluştururken veya eski bir projeyi modernize ederken bu hassasiyet hayati önem taşır.

FAQ
Hayır, CSS ve tarayıcılar açısından `#ffffff` ile `#FFFFFF` tamamen aynıdır (Case-insensitive). Ancak kod standartları (Linting) açısından genellikle tutarlılık adına ya tamamen küçük ya da tamamen büyük harf tercih edilir.
Bu, bilgisayar mimarisindeki 8-bitlik veri yapısından kaynaklanır. 8 bit, 2 üzeri 8 ihtimal yani 256 farklı değer (0-255) sunar. Üç kanalın (R,G,B) birleşimi 16.7 milyon (256^3) renk üretir.
Hayır. Hex/RGB ışık tabanlıdır ve ekranlar içindir. CMYK ise pigment tabanlıdır ve matbaa içindir. Bu araç sadece dijital ekran formatları (RGB/Hex) arasında dönüşüm yapar, baskı renklerini kapsamaz.
Eğer bir Hex kodunda renk çiftleri birbirinin aynısıysa (Örn: #334455), CSS bunu kısaltarak #345 şeklinde yazmanıza izin verir. Bu, dosya boyutunu küçültür. Aracımız bu kısaltmaları otomatik olarak tam boyuta çevirebilir.
RGB ve Hex arasında matematiksel olarak birebir eşleşme olduğu için herhangi bir sapma olmaz. Ancak ekran kalibrasyonu farklılıkları nedeniyle aynı renk kodu farklı monitörlerde görsel olarak farklı algılanabilir.