Renk Dönüştürücü
Renkleri HEX, RGB, HSL, HSB, CMYK ve CSS adları arasında anında dönüştürün.
Renk Dönüştürücü Özellikleri
Tüm ana formatlar arasında anlık renk dönüşümü.
HEX, RGB, HSL, HSB/HSV, CMYK ve CSS adlandırılmış renkler arasında hepsini birden dönüştürün.
Kopyala butonu ile herhangi bir renk değerini anında panonuza kopyalayın.
Tüm dönüşüm tarayıcınızda gerçekleşir. Hiçbir veri nereye gönderilmez.
Renk Formatları Arasında Neden Dönüştürülür?
Farklı araçlar ve iş akışları farklı renk formatları kullanır. Web geliştiricileri CSS için HEX ve RGB kullanır. Baskı tasarımcıları CMYK kullanır. Figma veya Sketch gibi araçlardaki tasarımcılar HSL veya HSB ile çalışır. Renk dönüştürücümüz tüm formatları anında gösterir, böylece renginizi her yerde kullanabilirsiniz.
Sıkça Sorulan Sorular
HEX renk kodu nedir?
Bir HEX rengi, # ile başlayan 6 haneli bir onaltılık sayıdır (örneğin, #3b82f6). Her iki haneli rakam, kırmızı, yeşil ve mavi kanalları 00 (0) ile FF (255) arasında temsil eder.
HEX kodları, web geliştirme ve CSS'de en yaygın kullanılan renk formatıdır.
Öğrenildiğinde #ffffff (beyaz) ve #000000 (siyah) gibi yaygın değerleri tanımak, kompakt ve insan tarafından okunabilir hale gelir.
RGB nedir?
RGB (Kırmızı, Yeşil, Mavi), renkleri 0 ile 255 arasında tam sayılar olarak kırmızı, yeşil ve mavi kanallarının yoğunluğunu belirterek temsil eder.
Örneğin, rgb(59, 130, 246) #3b82f6 ile aynı mavidir.
RGB, CSS ve dijital tasarımda yaygın olarak kullanılır. Bilgisayar ekranlarının yerel renk modelidir.
HSL nedir?
HSL (Hue, Saturation, Lightness), renkleri ton açısı (0-360), doygunluk yüzdesi (0-100%) ve aydınlık yüzdesi (0-100%) cinsinden tanımlar.
HSL, doygunluk veya aydınlığı ayarlamak kolay olduğundan tasarımcılar için sezgisel bir modeldir.
CSS, hsl() ve hsla() fonksiyonları ile HSL renklerini yerel olarak destekler.
CMYK ne için kullanılır?
CMYK (Siyan, Macenta, Sarı, Siyah), baskıda kullanılan renk modelidir. Yazıcılar, kağıt üzerinde renkler üretmek için bu dört mürekkebi karıştırır.
Web renkleri (RGB/HEX) dönüşüm olmadan doğrudan baskı için kullanılamaz.
Baskı için tasarımlar hazırlarken CMYK eşdeğerini almak için dönüştürücümüzü kullanın.
HSB/HSV nedir?
HSB (aynı zamanda HSV - Hue, Saturation, Value olarak da adlandırılır), HSL'ye benzer ancak aydınlık yerine parlaklık/değer kullanır.
Photoshop, GIMP, and many design tools use HSB as their primary color model.
Maksimum doygunluk ve parlaklıkta (100%, 100%), HSB tamamen doygun renkler üretirken, HSL %50 aydınlıkta aynı sonucu verir.
CSS adlandırılmış renkler nelerdir?
CSS, 'kırmızı', 'lacivert', 'mavi çiçek mavi' ve 'domates' gibi stillerde doğrudan kullanılabilecek 1birçok adlandırılmış rengi tanımlar.
Seçtiğiniz renk bu adlandırılmış renklerden biriyle tam olarak eşleşiyorsa, dönüştürücümüz adı gösterecektir.
Adlandırılmış renkler, yaygın renkler için kullanışlıdır ve tüm tarayıcılar tarafından desteklenir.
Dönüşüm doğru mu?
Evet. Dönüşümler standart renk bilimi formüllerini kullanır ve endüstri standartı değerler üretir.
HEX ↔ RGB dönüşümü kayıpsızdır (tam). HSL, HSB ve CMYK değerleri okunabilirlik için tam sayılara yuvarlanır.
Baskı için, ekran renklerinin (RGB) CMYK'da basıldığında gamut farklılıkları nedeniyle biraz farklı görünebileceğini unutmayın.
Bunu CSS'te nasıl kullanırım?
En kısa form için HEX değerini kopyalayın: color: #3b82f6;
Ya da opaklık ile RGB kullanın: color: rgba(59, 130, 246, 0.8);
Ya da aydınlık ayarlamalarını kolaylaştıran HSL kullanın: color: hsl(217, 91%, 60%);