Renk Kodu Dönüştürme

Renk Kodu Dönüştürme (Renk Dönüştürücü)

Renk seçiciyi kullanarak bir renk belirlediğinizde veya sayısal bir değer girdiğinizde, sistem HEX, RGB, HSL, HSV ve CMYK değerlerini otomatik olarak hesaplar. Her bir formatı tek bir tıklamayla kopyalayabilir ve tamamlayıcı renkler ile metin renkleri arasındaki kontrast oranını kontrol edebilirsiniz.

Bir renk girin

#RGB, #RGBA, #RRGGBB ve #RRGGBBAA formatlarını destekler.

%
%

%
%

%
%
%
%

Çeviri Sonucu

Girilen renkler, her bir renk formatına dönüştürülmüştür.

Örnek Metin
HEX
HEXA (opasite ile)
RGB
RGBA
HSL
HSLA
HSV / HSB
CMYK

Tamamlayıcı renkler

Bu, renk çarkında 180 derece kaydırılmış zıt renktir.

Metin rengiyle kontrast oluşturun

Beyaz metinle olan oranı
Siyah metinle olan oranı
Okunması kolay metin rengi:

Tüm renk dönüştürme işlemleri tarayıcı içinde gerçekleştirilir; giriş verileri sunucuya gönderilmez.

Renk kodu dönüştürme aracı nedir?

Renk Kodu Dönüştürücü, web tasarımı, uygulama geliştirme, görüntü düzenleme ve baskı tasarımında kullanılan sayısal renk gösterimlerini dönüştüren ücretsiz bir çevrimiçi araçtır. Aynı renk için bile, onu belirtmek için kullanılan format (HEX, RGB, HSL, HSV veya CMYK gibi) uygulamaya veya yazılıma göre değişiklik gösterir. Bu araçla, tek bir renk girerek tüm başlıca formatların değerlerini tek bakışta görebilirsiniz.

HEX, web sitesi CSS'lerinde yaygın olarak kullanılan onaltılık bir gösterim biçimidir. Örneğin, beyaz #FFFFFF, siyah ise #000000 olarak gösterilir. RGB, 0 ile 255 arasındaki bir ölçekte kırmızı, yeşil ve mavi ışığı birleştiren ve ekranlardaki renkleri işlemek için kullanılan bir sistemdir. RGBA ve 8 basamaklı HEXA, opaklığı da belirlemenize olanak tanır; bu da onları yarı saydam arka plan renkleri ve kaplamalar oluşturmak için kullanışlı kılar.

HSL, rengi ton, doygunluk ve açıklık kullanarak temsil eder. Ton, 0 ile 360 derece arasında değişen bir renk çarkında belirtilirken, doygunluk ve açıklık ise %0 ile %100 arasında bir ölçekte belirtilir.Bu format, renkleri sezgisel olarak ayarlamayı kolaylaştırır; örneğin, renkleri biraz daha parlak hale getirebilir veya canlılıklarını azaltabilirsiniz. HSV veya HSB, renkleri ton, doygunluk ve parlaklık kullanarak ifade eder ve birçok grafik programında ve renk seçicide kullanılır.

CMYK, camgöbeği, macenta, sarı ve siyah mürekkep miktarlarına dayanan bir renk modelidir ve öncelikle baskı endüstrisinde kullanılır. Ancak, ekrandaki RGB renklerinden matematiksel olarak hesaplanan CMYK değerleri yalnızca yaklaşık bir kılavuz niteliğindedir. Gerçek baskı sonuçları kağıt, mürekkep, baskı makinesi ve ICC profilleri gibi faktörlere bağlı olduğundan, renk doğruluğu gerektiren basılı materyaller için lütfen baskı şirketinize danışın ve renk yönetimi ortamınızı kontrol edin.

Bu araç, her bir format için değerleri göstermekle kalmaz, aynı zamanda seçilen rengin önizlemesini, tamamlayıcı rengini (tonunda 180 derece kaydırılmış) ve beyaz ile siyah metin üst üste bindirildiğinde ortaya çıkan kontrast oranını da gösterir. Arka plan rengine karşı okunması kolay metin renklerini seçmek ve erişilebilirliği göz önünde bulundurarak renk şemalarını değerlendirmek için kullanışlıdır.Tüm hesaplamalar tarayıcı içinde gerçekleştirilir ve girdiğiniz renk bilgileri hiçbir zaman sunucuya gönderilmez.

Kullanım Kılavuzu

  1. Renk seçiciyi kullanın veya HEX, RGB, HSL, HSV veya CMYK formatında bir değer girin.
  2. Girdiğiniz biçime bağlı olarak, diğer renk biçimlerindeki değerler otomatik olarak güncellenecektir.
  3. Şeffaflık gerekiyorsa, şeffaflık kaydırma çubuğunu veya sayısal alanı ayarlayın.
  4. "Dönüşüm Sonuçlarını Göster" seçeneğine tıkladığınızda, her bir formatı, tamamlayıcı renkleri ve kontrast oranını kontrol edebileceğiniz sonuçlar bölümüne yönlendirileceksiniz.
  5. İstediğiniz formatta "Kopyala" düğmesine tıklayın, ardından bunu CSS'ye, tasarım araçlarına, belgelere vb. yapıştırın.

Kullanım Önlemleri

  • CMYK değerleri, RGB'den türetilen genel dönüştürmelerdir ve baskıda tam renk reprodüksiyonunu garanti etmez.
  • Şeffaflık, RGB, HSL ve HEXA çıktılarına yansıtılır, ancak CMYK'da şeffaflık kavramı yoktur.
  • Ekranınız, tarayıcınız ve işletim sistemi ayarlarınıza bağlı olarak, aynı renk kodu farklı görünebilir.
  • Kontrast oranı, şeffaflık hariç, opak renkler temel alınarak hesaplanır. Okunabilirlik, gerçek arka plan görüntüsüne ve öğelerin birbiriyle örtüşme şekline bağlı olarak değişebilir.
  • Okunabilirlik amacıyla çok küçük ondalık sayılar, uygun bir ondalık basamak sayısına yuvarlanacaktır.

Sıkça Sorulan Sorular

Renkler onaltılık sistemde gösterilir. Genellikle 6 basamaklı #RRGGBB biçimi kullanılır; şeffaflık eklenecekse 8 basamaklı #RRGGBBAA biçimi kullanılır.

RGB, kırmızı, yeşil ve mavi olmak üzere üç bileşenden oluşurken, RGBA şeffaflığı temsil etmek için bir alfa kanalı ekler.

Bu, aynı renk tonunu korurken parlaklığı veya doygunluğu ayarlamak istediğinizde kullanışlıdır. Ayrıca CSS'de renk varyasyonları oluşturmak için de çok uygundur.

Genel olarak bunlar aynı modeli ifade eder. "V" "Değer"i, "B" ise "Parlaklık"ı ifade eder, ancak terminoloji uygulamaya göre değişiklik gösterebilir.

Genel formüllere dayalı olarak yaklaşık değerleri gösterir. Doğru baskı renkleri elde etmek için ICC profilleri ve belirli bir baskı ortamı gereklidir.

Evet. #RGB biçiminde bir değer girerseniz, bu değer her basamak iki kez tekrarlanacak şekilde #RRGGBB biçimine dönüştürülür.

Evet. Hem #RGBA hem de #RRGGBBAA giriş ve çıkışlarını destekler.

Bunlar, renk çarkının zıt tarafında bulunan renklerdir. Bu araç, HSL tonunu 180 derece kaydırarak bu renkleri hesaplar.

Bu değer, arka plan rengi ile metin rengi arasındaki parlaklık farkını ölçer. Genel olarak, sayı ne kadar yüksekse metni ayırt etmek o kadar kolay olur.

Sonuçlar bölümündeki kontrast oranlarını karşılaştırın; daha yüksek orana sahip olanı seçmek okunabilirliği artıracaktır.

Hayır. Dönüştürme ve görüntüleme işlemleri tamamen tarayıcı içinde gerçekleşir; renk değerleri işlenmek üzere sunucuya gönderilmez.

Evet. Desteklenen tarayıcılarda renk seçiciyi veya sayısal giriş alanlarını kullanarak değerleri dönüştürebilirsiniz.