Image Color Picker

A most excellent

Hex Color Picker

Tune HEX and compare HWB, HSL, HSV, RGB, and OKLCH values in one calm workspace.

HEX renk seçici

Tek HEX renk seçici, altı renk modeli

Bir HEX renk kodu girin ve RGB, HSL, HSV, HWB ve OKLCH'deki karşılık gelen değerleri anında görün. Bir kaydırıcıyı hareket ettirin ve altı temsil de gerçek zamanlı olarak eşzamanlanır. HEX kodu ve URL karması birlikte eşzamanlanır; böylece herhangi bir rengi saniyeler içinde yer imlerine ekleyebilir veya paylaşabilirsiniz.

Gerçek zamanlı HEX'ten RGB'ye dönüşüm

#3b82f6 gibi bir HEX rengi girin; RGB değerleri anında güncellenir. HEX bulucu, üç haneli kısa kodları da kabul eder.

URL paylaşımlı HEX kodu bulucu

Her renk ayarlamasında URL karması otomatik olarak güncellenerek bu HEX kodu bulucu paylaşılabilir bir yer imine dönüşür. Ekip üyelerinize bağlantıyı gönderin, tam aynı rengi görecekler.

Altı renk modeli eşzamanlandı

HEX, RGB, HSL, HSV, HWB ve OKLCH hepsi birlikte güncellenir. Model değiştirmek hiçbir zaman rengi kaybettirmez — tasarım belirteçleri ve CSS değişkenleri için mükemmel.

HSL, RGB ve OKLCH renk modelleri için kaydırıcılar gösteren HEX renk seçici arayüzü

Renk kodu bulucu

Herhangi bir renk kodu bulun — HEX, RGB, HSL, OKLCH

Bu renk kodu bulucu, web tasarımı, uygulama geliştirme ve dijital baskıda kullanılan tüm standartları kapsar. HEX, CSS ve HTML için varsayılan formattır. RGB, ekranların yerel formatıdır. HSL, tasarımcılar için insan tarafından okunabilir formattır. OKLCH, CSS Color Level 4'teki bir sonraki algısal formattır. Dördü de aynı anda kullanılabilir — iş akışınıza uyanı kopyalayın.

Canlı mavi için HEX, RGB, HSL ve OKLCH değerlerini gösteren renk kodu bulucu
CSS için hazır HEX ve RGB renk kodu değerlerini gösteren HTML renk seçici

HTML renk seçici

CSS ve web tasarımı için HTML renk seçici

İster satır içi stiller yazıyor, ister tasarım belirteçleri tanımlıyor, ister bir CSS değişken kütüphanesi yönetiyor olun, bu HTML renk seçici ihtiyacınız olan kesin kodu sağlar. Ton, doygunluk ve parlaklığı görsel olarak ayarlayın, ardından HEX renk kodunu veya CSS rgb() değerini doğrudan stil sayfanıza kopyalayın.

  • Geçerli CSS değerlerini anında üretin: hex, rgb(), hsl(), hwb() ve oklch().
  • URL karması eşzamanlaması, herhangi bir rengi tarayıcı yer imi olarak kaydetmeyi ve paylaşmayı sağlar.
  • Gamut göstergesi, yalnızca Display-P3'te var olan ve sRGB'nin dışında kalan renkleri işaretler.
  • Çevrimdışı çalışır — API çağrısı yok, sunucu bağımlılığı yok.

RGB renk seçici

Hassas kaydırıcılı RGB renk seçici

Kırmızı, yeşil ve mavi için üç bağımsız kanal kaydırıcısına sahip RGB renk seçici

Adanmış RGB kanalları

Renkleri kanal kanal karıştırmak için üç bağımsız R, G ve B kaydırıcısı. RGB seçici, sürükleme sırasında ondalık değerleri ve HEX kodlarını gerçek zamanlı olarak gösterir.

RGB kanal değerleri ve HEX renk kodu arasında canlı dönüşüm gösteren RGB seçici

RGB'den HEX'e ve tersine

RGB dökümünü hemen görmek için bilinen bir HEX kodu yapıştırın ya da özel bir ton için HEX kodunu bulmak üzere RGB seçici kaydırıcılarını ayarlayın. Ayrı bir dönüştürücüye gerek yok.

sRGB ve Display-P3 gamut örneklerinin yan yana karşılaştırmasını gösteren RGB renk seçici

Geniş gamut destekli RGB renk seçici

Seçilen rengin geniş gamutlu ekranlarda üretilip üretilemeyeceğini görmek için sRGB ve Display-P3 gamutları arasında geçiş yapın. Her iki örnek yan yana güncellenir.

Sık sorulan sorular

HEX renk seçici hakkında sorular