RGB’den HEX’e veya HEX’ten RGB’ye nasıl çeviririm?

HEX alanına #2E8B57 gibi bir değer yazdığınızda RGB alanı anında rgb(46, 139, 87) gösterir; tersi de geçerlidir. Tüm formatlar senkronize kaldığı için dönüşüm ayrı bir adıma gerek kalmadan her iki yönde de çalışır.

Renk kodu dönüştürücü hangi formatları destekliyor?

Araç HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK ve CMYKA formatlarını destekler. Bir alanı düzenlediğinizde geri kalan tüm renk kodları otomatik olarak güncellenir.

Pantone renk kodlarını dönüştürebilir miyim?

Pantone, lisanslı bir tescilli renk sistemidir ve sabit bir matematiksel formülle dijital değerlere birebir çevrilemez. Bu araç HEX, RGB, HSL ve CMYK gibi açık standartlar arasında çalışır; bir Pantone tonunun yaklaşık karşılığını bulduysanız onun HEX veya RGB değerini buraya girerek diğer formatlara çevirebilirsiniz.

Baskı için RGB’yi CMYK’ye çeviriyor mu?

Evet. Başka bir formatı her değiştirdiğinizde CMYK ve CMYKA alanları güncellenir ve baskıya hazır cyan, magenta, yellow ve key değerlerini verir. CMYK cihaza bağlı olduğu için ekran ve baskı çıktısı arasında küçük farklar olabileceğini unutmayın.

Renk araçları

Çevrimiçi renk dönüştürücü | RGB, HEX, HSL, HSV ve CMYK senkronizasyonu

RGB, HEX, HSL, HSV, CMYK ve daha fazlası arasında renk dönüştürün. Herhangi bir kodu düzenleyin, diğer tüm renk değerleri anında eşleşsin.

Canlı senkronizasyonYükleme gerekmez

Görsel önizleme

Aynı rengi tüm formatlarda hassas biçimde ayarlamak için örnek alanı, yerleşik seçiciyi ve alfa kaydırıcısını kullanın.

Önizleme rengi

#3B82F6

rgba(59, 130, 246, 0.84)

Renk seçici

#3B82F6

Alfa

0.84

Canlı kanallar

HEX

R: 59
G: 130
B: 246
A: 0.84

Düzenleme ipucu

Yazarken bir alan geçici olarak geçersiz hale gelirse son geçerli renk etkin kalır. Değeri tamamladığınızda diğer formatlar yeniden otomatik olarak senkronize olur.

Canlı senkronizasyonYükleme gerekmez

Çift yönlü renk formatı düzenleyici

Aşağıdaki tüm formatlar düzenlenebilir. HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK veya CMYKA değiştirildiğinde diğer renk modelleri hemen senkronize kalır.

HEX

kaynak

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

Açıklama

RGB

RGB; kırmızı (R), yeşil (G) ve mavi (B) kanallarından oluşan standart bir renk modelidir. Bu üç kanalın yoğunluğunu değiştirerek ekranlarda görülebilen renklerin büyük bölümü oluşturulabilir. Dijital ortamlarda en yaygın kullanılan renk sistemlerinden biridir.

RGBA

RGBA, saydamlık için alfa kanalı eklenmiş RGB’dir. R, G ve B genellikle 0 ile 255 arasında değer alır; A ise çoğunlukla 0 ile 1 veya 0% ile 100% arasındadır. Aynı rengin farklı opaklıklarda kullanılacağı CSS senaryolarında sıkça tercih edilir.

HEX

HEX, renkleri onaltılık biçimde temsil etmenin bir yoludur. Kısa ve kolay kopyalanabildiği için web tasarımında ve CSS’te yaygın olarak kullanılır. #2E8B57 gibi bir değer kırmızı, yeşil ve maviyi onaltılık çiftler halinde saklar; genişletilmiş sürümler saydamlığı da içerebilir.

HSL

HSL (Hue, Saturation, Lightness) RGB renklerini silindirik bir koordinat sisteminde ifade eder. H temel renk ailesini, S renk saflığını, L ise parlaklığı belirtir. 0% en koyu, 50% dengeli, 100% ise en parlak değerdir.

HSLA

HSLA, alfa kanallı HSL biçimidir. Ton, doygunluk ve parlaklığı korurken saydamlık ekler; bu nedenle gölgeler, yarı saydam dolgular, kaplamalar ve arayüz durumları için kullanışlıdır.

HSV

HSV (Hue, Saturation, Value), A. R. Smith tarafından 1978’de oluşturulmuş bir renk uzayıdır ve Hexcone Model olarak da bilinir. Value doğrudan rengin ne kadar parlak göründüğünü anlattığı için HSV, sezgisel renk seçiminde sık kullanılır.

HSVA

HSVA, HSV’ye alfa kanalı ekler. Ton, doygunluk ve değer modeliyle çalışırken aynı zamanda arayüz renkleri ve katmanlı grafikler için opaklığı tanımlamak istediğinizde faydalıdır.

CMYK

CMYK baskıda kullanılan bir renk modudur. Basılı materyaller dışarıdan gelen ışığı yansıtarak görünür hale gelir, bu yüzden gazeteler, ambalajlar ve broşürler için uygundur. Ekranlarda kullanılan RGB’nin aksine CMYK, kâğıt üzerindeki mürekkep için tasarlanmıştır.

CMYKA

CMYKA, CMYK’yi alfa kanalıyla genişletir. Tasarım teslimlerinde veya katmanlı varlıklarda cyan, magenta, yellow ve key değerlerini saydamlıkla birlikte tanımlamak istediğinizde kullanışlıdır.

Çevrimiçi renk dönüştürücü nasıl kullanılır

HEX, RGB, RGBA, HSL, HSV veya CMYK gibi herhangi bir format alanına bir değer yapıştırın ya da yazın.

Değer geçerli olur olmaz araç onu desteklenen diğer tüm renk formatlarına otomatik olarak dönüştürür.

İhtiyacınız olan tam rengi ince ayarlamak ve dışa aktarmak için önizleme panelini, renk seçiciyi, alfa kaydırıcısını ve kopyalama işlemlerini kullanın.

Temel özellikler

Çift yönlü format senkronizasyonu

Desteklenen herhangi bir formatı değiştirin ve RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK ile CMYKA değerlerini gerçek zamanlı olarak senkronize tutun.

Görsel renk kontrolleri

Canlı örnek alanı, tarayıcı renk seçicisi, alfa kaydırıcısı ve kanal okumalarıyla mevcut rengi anında görün.

Tarayıcı tabanlı dönüşüm

Her alan tanıdık işlev sözdizimini kabul eder ve tüm dönüşümler hızlı ve gizli kalması için tarayıcıda gerçekleşir.

Renk dönüştürücü SSS

Herhangi bir renk formatını düzenleyip diğerlerinin de güncellenmesini sağlayabilir miyim?

Evet. Dönüştürücü iki yönlü senkronizasyon destekler. RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK veya CMYKA düzenlediğinizde, değer geçerli olur olmaz diğer formatlar da güncellenir.

Dönüşüm sırasında saydamlık nasıl ele alınıyor?

HEX bu sayfada alfa olmadan gösterilir çünkü sayfa istediğiniz formatlara odaklanır. Saydamlık RGBA, HSLA, HSVA ve CMYKA içinde korunur ve önizleme her zaman mevcut opaklığı yansıtır.

Bu renk dönüştürücü gizli mi?

Hayır. Tüm dönüşüm mantığı tarayıcınızda yerel olarak çalışır, bu nedenle renk değerleriniz sunucuya yüklenmez.

Renk dönüştürücü ile HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK ve CMYKA renk kodları arasında tek bir ekranda geçiş yapın. Herhangi bir alana bir renk kodu yazmanız yeterli; iki yönlü senkronizasyon sayesinde diğer tüm formatlar anında güncellenir. Canlı önizleme, renk seçici ve alfa kaydırıcısıyla saydamlığı da ayarlayabilirsiniz. Tüm dönüşüm tarayıcınızda çalışır, renk değerleriniz hiçbir sunucuya gönderilmez.

Renk dönüştürücü nasıl kullanılır

1
Renk değerini girin
Herhangi bir format alanına bir değer yapıştırın veya yazın: HEX için #2E8B57, RGB için rgb(46, 139, 87) ya da HSL için hsl(146, 50%, 36%) gibi.
2
Tüm formatların senkronize olmasını izleyin
Değer geçerli olur olmaz araç onu desteklenen diğer tüm formatlara aynı anda çevirir: RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK ve CMYKA.
3
Rengi ince ayarlayın
Canlı örnek alanı, yerleşik renk seçici ve alfa kaydırıcısıyla tonu ve opaklığı ayarlayın; yeni renkler keşfetmek için Rastgele düğmesini kullanın.
4
Kopyalayın veya dışa aktarın
Değerini kopyalamak için herhangi bir alana tıklayın ya da CSS, tasarım dosyaları veya kodunuz için tüm formatları tek seferde almak üzere Tümünü kopyala düğmesini kullanın.

Kaynaklar

W3C — CSS Color Module Level 4
HEX, rgb(), hsl(), hwb() ve modern renk sözdizimi dahil CSS renk formatlarını tanımlayan resmi W3C spesifikasyonu.
MDN — CSS <color> değeri
HEX, RGB/RGBA, HSL/HSLA gibi tüm CSS renk gösterimlerini ve alfa saydamlığının nasıl çalıştığını anlatan MDN kaynağı.

İlgili araçlar

CSS küçültücü

Dönüştürdüğünüz HEX, RGB ve HSL renk değerlerini kullanan CSS dosyalarını küçültün.

SVG görüntüleyici

Dolgu ve kontur renklerine dayanan SVG grafiklerini önizleyin ve inceleyin.

Görselden Base64’e

Görselleri, renk stillerinizin yanında satır içi kullanmak için Base64 dizesine kodlayın.

JSON biçimlendirici

Renk paletlerini ve tasarım belirteçlerini saklayan JSON’u güzelleştirin ve doğrulayın.

Sıkça sorulan sorular

RGB’den HEX’e veya HEX’ten RGB’ye nasıl çeviririm?: HEX alanına #2E8B57 gibi bir değer yazdığınızda RGB alanı anında rgb(46, 139, 87) gösterir; tersi de geçerlidir. Tüm formatlar senkronize kaldığı için dönüşüm ayrı bir adıma gerek kalmadan her iki yönde de çalışır.
Renk kodu dönüştürücü hangi formatları destekliyor?: Araç HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK ve CMYKA formatlarını destekler. Bir alanı düzenlediğinizde geri kalan tüm renk kodları otomatik olarak güncellenir.
Pantone renk kodlarını dönüştürebilir miyim?: Pantone, lisanslı bir tescilli renk sistemidir ve sabit bir matematiksel formülle dijital değerlere birebir çevrilemez. Bu araç HEX, RGB, HSL ve CMYK gibi açık standartlar arasında çalışır; bir Pantone tonunun yaklaşık karşılığını bulduysanız onun HEX veya RGB değerini buraya girerek diğer formatlara çevirebilirsiniz.
Baskı için RGB’yi CMYK’ye çeviriyor mu?: Evet. Başka bir formatı her değiştirdiğinizde CMYK ve CMYKA alanları güncellenir ve baskıya hazır cyan, magenta, yellow ve key değerlerini verir. CMYK cihaza bağlı olduğu için ekran ve baskı çıktısı arasında küçük farklar olabileceğini unutmayın.
Dönüşüm sırasında saydamlık nasıl ele alınıyor?: Saydamlık RGBA, HSLA, HSVA ve CMYKA formatlarında korunur ve önizleme her zaman mevcut opaklığı yansıtır. Alfa kaydırıcısıyla opaklığı ayarladığınızda bu kanallar buna göre güncellenir.
Renk dönüştürücü ücretsiz ve gizli mi?: Evet. Araç tamamen ücretsizdir ve kayıt gerektirmez. Tüm dönüşüm mantığı tarayıcınızda yerel olarak çalışır, bu yüzden renk değerleriniz hiçbir sunucuya yüklenmez.