# Renk Seçici

> Online renk seçici ile HEX, RGB ve HSL kodlarını dönüştürün; iki rengin WCAG kontrastını karşılaştırıp renk kodunu kopyalayın.

- Kategori: [Geliştirici Araçları](https://toolbrio.com/kategori/gelistirici/index.md)
- Alt kategori: Renk ve CSS
- Son güncelleme: 2026-09-08
- Etkileşimli araç: [https://toolbrio.com/renk-secici/](https://toolbrio.com/renk-secici/)

## Renk seçme, kod dönüştürme ve kontrastı birlikte inceleme

ToolBrio renk seçici, metin ile arka plan için iki renk belirlemenizi sağlar. Renk kutusunu açabilir veya doğrudan HEX, RGB ya da HSL kodu yazabilirsiniz. Kod geçerliyse örnek metin ve kontrast sonucu anında güncellenir. Bu bağımsız araç, Google renk seçiciye alternatif olarak renk kodu dönüşümü ve iki renk arasında metin kontrastı hesabı sunar.

Kopyalanacak renk bölümünde metni veya arka planı seçin; ardından HEX, RGB ya da HSL biçimini belirleyin. Sonuçtaki Kopyala düğmesi yalnız görünen renk kodunu panoya aktarır. “Renkleri değiştir” iki rengin görevlerini ters çevirir, “Siyah ve beyaz örneği” en yüksek kontrastlı çifti yükler.

## HEX, RGB ve HSL aynı rengi nasıl anlatır?

HEX ve RGB, kırmızı, yeşil ve mavi kanallarını farklı yazımlarla belirtir. HSL ise tonu, doygunluğu ve açıklığı kullanır. [W3C CSS renk tanımı](https://www.w3.org/TR/css-color-4/) bu gösterimleri sRGB renkleri için açıklar. Örneğin aşağıdaki üç kod aynı 8 bit kanal değerlerini üretir:

| Biçim |  | Aynı renk için kod |  | Anlamı |

| HEX |  | `#336699` |  | Kırmızı 33, yeşil 66, mavi 99 onaltılık kanal değerleri |

| RGB |  | `rgb(51, 102, 153)` |  | Üç kanalın 0-255 arasındaki değerleri |

| HSL |  | `hsl(210, 50%, 40%)` |  | 210 derece ton, %50 doygunluk, %40 açıklık |

Kısa HEX biçiminde `#369`, her basamak yinelenerek `#336699` olur. RGB girişinde tam sayılar, HSL girişinde noktalı ondalıklar kabul edilir. HSL, hesaplamadan önce en yakın 8 bit RGB kanallarına dönüştürülür; bütün sonuçlar bu renge dayanır. HSL çıktısındaki üç ondalık gösterim yaklaşık değerdir. Tam kanal değerini saklamak için HEX veya RGB kodunu kullanabilirsiniz.

Bu HTML renk seçici, CSS dilinin bütün renk yazımlarını ayrıştırmaz. Saydamlık, dört veya sekiz basamaklı HEX, yüzde RGB, renk adları, CMYK, Lab ve Display P3 kapsam dışındadır. HSL tonu 0-360 aralığında olmalıdır; 360 derece ile 0 derece aynı kırmızı yönünü gösterir.

## Metin kontrastında hangi eşik kullanılır?

[WCAG minimum metin kontrastı açıklaması](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html) AA düzeyinde normal metin için en az 4,5:1, büyük metin için en az 3:1 ister. [Gelişmiş kontrast ölçütünde](https://www.w3.org/WAI/WCAG22/Understanding/contrast-enhanced.html) AAA eşikleri sırasıyla 7:1 ve 4,5:1 olur. Sonuç paneli dört koşulu ayrı ayrı gösterir.

Büyük metin, en az 18 pt normal veya 14 pt kalın yazıdır. CSS ölçüsünde 18 pt, 24 px eder; 14 pt ise yaklaşık 18,67 px olur. Yalnız başlığın büyük görünmesi yeterli değildir, kullanılan gerçek boyut ve kalınlık dikkate alınmalıdır. Logolar ve bazı işlevsiz veya dekoratif metinler için istisnalar vardır; araç öğenin görevini kendiliğinden değerlendirmez.

Oran iki ondalıkla görünür, fakat geçti/kaldı kararı tam değerden verilir. Örneğin 4,499:1, ekranda 4,50:1 olarak gösterilse de 4,5:1 koşulunu sağlamaz. W3C eşik karşılaştırmasında yuvarlama yapılmamasını özellikle belirtir.

## Gerçek renk çiftleriyle karşılaştırma

| Metin ve arka plan |  | Gösterilen oran |  | AA normal metin |  | AA büyük metin |

| `#000000` / `#FFFFFF` |  | 21,00:1 |  | Geçti |  | Geçti |

| `#777777` / `#FFFFFF` |  | 4,48:1 |  | Kaldı |  | Geçti |

| `#767676` / `#FFFFFF` |  | 4,54:1 |  | Geçti |  | Geçti |

| `#FFFFFF` / `#FFFFFF` |  | 1,00:1 |  | Kaldı |  | Kaldı |

İki yakın gri, küçük bir kanal değişikliğinin eşik kararını etkileyebildiğini gösterir. Metin ile arka planın yerini değiştirmek oranı değiştirmez. Buna karşın ince çizgili yazı, kenar yumuşatma ve çevresindeki görseller okumayı etkileyebilir; oranı tek başına bütün tasarımın okunabilirliği olarak değerlendirmeyin.

## Hesabın kapsamı

[WCAG göreli parlaklık tanımında](https://www.w3.org/TR/WCAG22/#dfn-relative-luminance) sRGB kanalları doğrusal değerlere dönüştürülür; kırmızı, yeşil ve mavi sırasıyla 0,2126, 0,7152 ve 0,0722 ağırlıklarıyla birleştirilir. Kontrast, `(açık rengin parlaklığı + 0,05) / (koyu rengin parlaklığı + 0,05)` olarak hesaplanır. HSL açıklık yüzdesi bu göreli parlaklık değerinin yerine kullanılamaz.

Araç iki opak rengi inceler. Saydam bir katmanın altındaki renk, fotoğraf, gradyan veya değişken video arka planını kendiliğinden çözümlemez. Kod girişi cihazınızda işlenir; site veya ekran taraması yapılmaz. Fotoğraftan renk çıkarmak istiyorsanız [Görselden Renk Paleti](https://toolbrio.com/gorselden-renk-paleti/) aracını kullanabilirsiniz.

## Sık sorulan sorular

### Bu Google renk seçicinin resmi sayfası mı?

Hayır. Bu araç ToolBrio tarafından sunulan bağımsız bir renk seçicidir. Google ürünü veya eklentisi değildir. Kurulum gerektirmeden renk kodu dönüşümü ve iki renk arasında metin kontrastı hesabı sağlar.

### Hangi renk kodu biçimlerini girebilirim?

3 veya 6 basamaklı HEX; 0-255 tam sayı bileşenli rgb(); 0-360 derece ton ve yüzde doygunluk/açıklık içeren hsl() desteklenir. Bileşenler virgülle veya boşlukla ayrılabilir. HSL ondalıklarında nokta kullanılır. Alfa kanalı, renk adları, yüzde RGB, CMYK ve Display P3 desteklenmez.

### 4,50:1 görünen bir sonuç neden AA normal metinde kaldı diyor?

Gösterilen oran iki ondalığa yuvarlanır, karar ise yuvarlanmamış değere dayanır. Örneğin gerçek oran 4,499:1 ise ekranda 4,50:1 görünse de 4,5:1 eşiğini karşılamaz. Böyle bir sınırda renklerden birini yeterince açıp koyulaştırarak ek pay bırakabilirsiniz.

### Renkleri ters çevirmek kontrast oranını değiştirir mi?

Hayır. Oran açık ve koyu rengin göreli parlaklıkları arasından hesaplanır; hangi rengin metin olduğu oranı değiştirmez. Ancak örnek alanın görünümü değişir. Kopyalanacak renk seçimi metin veya arka plan görevini izler.

### Ekrandan ya da fotoğraftan damlalıkla renk alabilir miyim?

Bu araç kendi ekran yakalama veya görsel yükleme akışını sunmaz. Renk kutusu tarayıcınızın yerel renk seçimini açar; bu pencerenin seçenekleri tarayıcıya göre değişebilir. Elinizdeki HEX, RGB veya HSL kodunu doğrudan girebilirsiniz. Fotoğraf renkleri için Görselden Renk Paleti aracı kullanılabilir.

### AA veya AAA geçti sonucu tüm tasarımın erişilebilir olduğunu gösterir mi?

Hayır. Buradaki sonuç yalnız iki opak sRGB renginin metin kontrastını değerlendirir. Yazı boyutu ve kalınlığı, arka plan görüntüsü, saydamlık, odak görünürlüğü, klavye kullanımı ve diğer erişilebilirlik gereklilikleri ayrıca incelenmelidir.