Renk kodu dönüştürücü
Bir renk girin ve HEX, RGB, HSL değerlerini kopyalayın.
#624DE3CC
Bu Araç Hakkında
Renk kodu dönüştürücü aracı, tek bir rengi aynı anda HEX, RGB ve HSL formatında gösterir ve bu formatlar arasında dönüştürme yapar. Rengi yazarak, hazır renk seçerek veya damlalıkla ekrandan seçebilir, şeffaflığı da ayarlayabilirsiniz. Web tasarımı, arayüz çalışmaları, CSS ve görsel düzenleme için ihtiyacınız olan kod formatına rengi dönüştürmekte idealdir.
Nasıl Kullanılır
Renk seçin
HEX, RGB veya HSL alanına bir değer girin ya da hazır renklerden seçim yapın. Destekleyen ortamlarda damlalık düğmesiyle ekrandan doğrudan renk de seçebilirsiniz.
Şeffaflığı ayarlayın
Şeffaflık kaydırıcısını hareket ettirerek rengin opaklığını kontrol edin. Ayar, üstteki önizlemede ve renk kodlarında gösterilir.
Sonucu inceleyin ve kopyalayın
Önizlemede rengi kontrol edin, ardından HEX, RGB veya HSL alanının yanındaki kopyala düğmesine basarak ihtiyacınız olan değeri panoya kopyalayın.
Özellikler
HEX, RGB ve HSL birlikte
Rengi tek bir formatta girin, HEX, RGB ve HSL değerlerini bir arada görün.
Gerçek zamanlı önizleme ve şeffaflık
Renk değerlerini veya şeffaflığı değiştirdiğinizde önizleme anında güncellenir; kaydırıcıyla yarı saydam renkler oluşturabilirsiniz.
Damlalık ve hazır renkler
Destekleyen tarayıcılarda damlalıkla ekrandan renk seçebilir ya da yaygın hazır renklere tıklayarak hızlıca uygulayabilirsiniz.
Her formatı ayrı ayrı kopyalayın
HEX, RGB veya HSL değerini tek tek kopyalayıp CSS, tasarım araçları ve belgelerde doğrudan kullanın.
Değerleri doğrudan girin
Renk kodunu zaten biliyorsanız alanlara yazın ve dönüştürme sonucunu görün.
Tarayıcı içinde işleme
Renk değerleriniz ve dönüştürme sonuçlarınız tarayıcınızda kalır — sunucuya hiçbir şey gönderilmez.
Kullanım Alanları
CSS renk kodlarını dönüştürme
Bir tasarım maketindeki HEX rengini CSS stillerinde kullanmak için RGB veya HSL'ye dönüştürün.
Renkleri tasarım araçları arasında taşıma
Formatlar farklı olduğunda aynı rengi her programın gerektirdiği kod formatına çevirin.
Yarı saydam arka planlar oluşturma
Kaplamalar, arka planlar, düğmeler ve kenarlıklar için şeffaflığı ayarlayarak yarı saydam renkler elde edin.
Ekrandan renk seçme
Damlalıkla web sayfası, görsel veya uygulama ekranında gördüğünüz bir rengi seçip kod olarak görüntüleyin.
Marka renklerini yönetme
Marka renklerinin HEX, RGB ve HSL değerlerini bir arada tutarak web, baskı ve tasarım belgelerinde tutarlı kullanın.
Sıkça Sorulan Sorular
HEX, RGB ve HSL arasındaki fark nedir?
HEX, rengi #8AD0FF gibi on altılık tabanda gösterir. RGB, kırmızı, yeşil ve mavinin yoğunluğunu sayılarla ifade ederken HSL, rengi ton, doygunluk ve parlaklıkla tanımlar.
Hangi formatı kullanmalıyım?
HEX basittir ve web ile tasarım belgelerinde yaygın kullanılır. RGB, renk kanallarını doğrudan ayarlamak için uygundur; HSL ise tonu veya parlaklığı sezgisel olarak değiştirmek için kullanışlıdır.
Şeffaflık renk koduna nasıl yansır?
Şeffaflıklı HEX değeri, normal 6 haneli kodun sonuna alfa değeri eklenerek 8 haneli kod olarak gösterilir. Örneğin #8AD0FFCC kodundaki son iki hane şeffaflığı temsil eder.
6 haneli ve 8 haneli HEX arasındaki fark nedir?
6 haneli HEX yalnızca kırmızı, yeşil ve mavi değerlerini içerir. 8 haneli HEX, sona şeffaflığı temsil eden bir alfa değeri ekler.
%100 ve %0 şeffaflık ne anlama gelir?
%100 tamamen opak, %0 tamamen şeffaf anlamına gelir. Aradaki değerler, arka planın göründüğü yarı saydam renkler oluşturur.
RGB değerlerinin aralığı nedir?
RGB değerleri kırmızı, yeşil ve mavinin her biri için 0 ile 255 arasındadır. Değer büyüdükçe o renk bileşeni güçlenir.
HSL değerleri ne anlama gelir?
H tonu, genellikle 0 ile 359 derece arasındaki bir değeri ifade eder. S doygunluk, L ise parlaklıktır; ikisi de yüzde olarak gösterilir.
Damlalık her tarayıcıda çalışır mı?
Destek tarayıcıya ve ortama bağlıdır. Desteklenmeyen ortamlarda bunun yerine renk girişlerini veya hazır renkleri kullanın.
Hazır renk seçtikten sonra rengi düzenleyebilir miyim?
Evet. Hazır rengi seçtikten sonra HEX, RGB veya HSL değerlerini ya da şeffaflığı ayarlayarak rengi ince ayarla yapabilirsiniz.
Kopyala düğmesi hangi değeri kopyalar?
Her kopyala düğmesi rengin o formattaki güncel değerini kopyalar. Yalnızca ihtiyacınız olan HEX, RGB veya HSL değerini kopyalayabilirsiniz.
Girdiğim renk sunucuya gönderilir mi?
Hayır. Tüm işlemler tarayıcınızda yerel olarak gerçekleşir. Renk değerleriniz ve sonuçlarınız asla sunucuya gönderilmez.
İlgili Araçlar
