Softonic

HEX Renk Seçici

Adım 1 / 4 Hex renk

Renk seç

Yaygın hazır ayarlar
İleri: önizleme

Tarayıcının görsel renk denetimiyle bir renk seçin veya üç ya da altı haneli bir HEX değeri girin. Araç RGB, HSL ve yaklaşık CMYK değerlerini üretir; bağıl parlaklığı ve beyaz ile siyaha göre kesin kontrast oranlarını hesaplar. Renk bu tarayıcıda işlenir ve adım URL’sine eklenmez.

Renk nasıl seçilir?

  1. 1

    Örnekle veya renk denetimiyle başlayın

    Örnek renklerden birini seçin ya da tarayıcının yerleşik renk seçicisini açın.

  2. 2

    Kesin HEX değerini girin

    #F60 gibi üç veya #FF6600 gibi altı hane yazın; kısa gösterim doğru biçimde genişletilir.

  3. 3

    Hesaplanan biçimleri inceleyin

    HEX, RGB, HSL, yaklaşık CMYK ve sRGB bağıl parlaklığını birlikte görün.

  4. 4

    Kontrastı kontrol edip kopyalayın

    Rengi beyaz ve siyahla karşılaştırın, ardından gereken HEX, RGB veya HSL değerini kopyalayın.

Pratikte renk gösterimleri

Her renk modeli biraz farklı bir soruya yanıt verir.

Gösterim referansı

Gösterim Bileşenler Nerede kullanılır
HEX #RRGGBB CSS, tasarım araçları, marka kılavuzları
RGB kırmızı 0–255, yeşil 0–255, mavi 0–255 CSS rgb(), görüntü düzenleyiciler
HSL renk tonu 0–360°, doygunluk %, açıklık % CSS hsl(), tasarım sistemleri
CMYK siyan %, magenta %, sarı %, key/siyah % Baskı, baskı öncesi hazırlık

Erişilebilirlik kontrastı

WCAG 2.2, metin ile arka plan arasındaki en düşük kontrast oranlarını tanımlar:

  • Normal metin için AA: ≥ 4,5:1
  • Büyük metin için AA (18 pt veya 14 pt kalın): ≥ 3:1
  • Normal metin için AAA: ≥ 7:1

Seçici, beyaz ve siyaha göre oranı gerçek zamanlı hesaplar. Özel bir ön plan rengi kritikse her renk çifti için özel bir kontrast denetleyici kullanın.

İpuçları

  • HEX çoğu tasarım aracında varsayılan gösterimdir, ancak üç haneli kısa hex (#F60) #FF6600 ile aynıdır; #F06060 değildir.
  • HSL palet oluşturmayı kolaylaştırır: renk tonunu kilitleyin, açık ve koyu varyasyonlar için açıklığı değiştirin.
  • CMYK ve RGB kusursuz biçimde birbirine dönüştürülemez, baskıdaki CMYK sonucu baskı profiline bağlıdır. Çalışmayı her zaman gerçek kağıt üzerinde prova edin.
  • Modern CSS için tasarım yapıyorsanız, algısal olarak daha eşit açıklık adımları için OKLCH kullanmayı değerlendirin.

Sık Sorulan Sorular

Photoshop bir renk profili uygular; ekran için genellikle sRGB, baskı içinse çoğu zaman farklı bir profil kullanılır. Tarayıcılar profilsiz HEX değerlerini sRGB olarak işler. Belgeniz Adobe RGB veya ProPhoto olarak ayarlıysa piksel değerleri aynı kalır, ancak algılanan renk değişir.

Evet, ikisi de saf kırmızıyı anlatır: kırmızı 255, yeşil ve mavi 0 değerindedir. HEX, 0 ile 255 arasındaki her kanal değerinin iki haneli onaltılık yazımıdır.

Ana rengi seçip HSL değerini kopyalayın. CSS veya tasarım aracında renk tonu ile doygunluğu sabit tutup açıklığı değiştirin. Her ön plan ve arka plan çiftinin kontrastını ayrı ayrı denetleyin.

Geçerli renk, yönlendirmeli adımlar boyunca bu tarayıcı sekmesinde en fazla 30 dakika tutulur. URL’ye eklenmez ve sunucularımıza gönderilmez. Baştan başlatmak, sekmeyi kapatmak, tarayıcı verilerini temizlemek veya sürenin dolması rengi siler.

İlgili Araçlar

Telefon numarası doğrulayıcı

Telefon numarasının ülkeye göre yapısını denetleyin; bölge, tür, E.164, uluslararası, ulusal ve RFC 3966 biçimlerini görün.

Dosya Boyutu Dönüştürücü

Bayt, KB, MB, GB, TB ve ikili IEC birimleri (KiB, MiB, GiB, TiB) arasında, ondalık ve ikiliyi dilediğiniz gibi birleştirerek dönüşüm yapın.

Kurgusal telefon numarası oluşturucu

Beş ülkede resmen ayrılmış aralıklardan 50 adede kadar kurgusal numara üretin.

Rastgele adres oluşturucu

Arayüz maketleri ve testler için üç basitleştirilmiş biçimde 1–20 adres benzeri kayıt oluşturun.

Kodu görsele dönüştür

Kodu yapıştırın; tema, renkler, yazı boyutu, boşluk, başlık ve satır numaralarını ayarlayın, canvas önizlemesini kontrol edin ve PNG indirin. Sözdizimi vurgusu olmayan düz metin çizimi.

CSS Fiyat Tablosu Oluşturucu

HTML + CSS ile tek bir fiyat kartı oluşturun: paket adı, fiyat ve marka vurgu rengi. Kodu açılış sayfanıza kopyalayın.

Araç diğer dillerde mevcuttur