English
Español
Português
Français
Deutsch
Italiano
Türkçe
Bahasa IndonesiaRenk Dönüştürücü
Herhangi bir rengi yapıştırın (HEX, RGB, HSL, HSV, CMYK veya ad) ve tüm formatları anında alın. Canlı önizleme, tonlar ve uyumlar, kontrast rozetleri, tek tıkla kopyalama. Rastgele için Boşluk tuşuna basın.
Renk dönüştürücü nedir?
Tek renk, her dil
Aynı renk birçok şekilde yazılabilir: stil dosyaları için HEX, ekranlar ve kod için RGB, palet kurmak için HSL, fotoğraf düzenleyiciler için HSV, baskı için CMYK ve algısal çalışmalar için LAB/XYZ. Bu araç aralarında anında çeviri yapar, herhangi bir yazımla yazın ve canlı önizlemeyle tüm karşılıkları görün.
Dönüştürmenin ötesinde tonlar ve renk geçişleri, komplemanter/analog/triadik uyumlar, beyaz ve siyahta kontrast önizlemeleri ve paylaşılabilir bağlantılar alırsınız.
Nasıl kullanılır
01
Herhangi bir format girin
HEX (#3B82F6 veya #39F), rgb(), hsl(), hsv(), cmyk(), “255,130,246” veya teal gibi adlar. Yazdıkça otomatik algılanır.
02
İhtiyacınızı kopyalayın
Her satırın kendi kopyalama düğmesi ve tümünü kopyalama vardır. Doğrudan CSS, Tailwind, Figma veya baskı şartnamesine yapıştırın.
03
Varyasyonları keşfedin
Yeniden yüklemek için herhangi bir tona veya uyuma tıklayın. Okunabilirliği doğrulamak için kontrast denetimine geçin.
Gerçek hayattan örnekler
Figma HEX kodu ve CSS ile Tailwind
Tasarımcı size #3B82F6 kodunu verdi, yapıştırıp tuval için rgb(59,130,246) değerini, fareyle üzerine gelme varyantları için HSL değerini ve bilet için paylaşılabilir ?hex=… bağlantısını alın. Dönüştürücü sitelerinde en çok kullanılan akış.
HSL ile fareyle üzerine gelme ve tema varyantları
Fareyle üzerine gelmede daha koyu düğme mi lazım? Ton ve doygunluğu koruyup açıklığı 10 puan düşürün (ör. hsl(217,91%,60%) → 50%). Yeni HEX kodunu kopyalayın. Tahmin yok, tutarlı tasarım jetonları.
Her yazımda marka kitleri
Tek marka rengini yan yana belgeleyin: CSS için HEX, uygulamalar için RGB, tema için HSL ve antetli için CMYK. Tam 50-950 ölçeğini kurmak için herhangi bir tona tıklayıp yeniden yükleyin.
Baskı ambalaj kontrolü
Ekrandaki canlı renkler baskıda kayar. HEX kodunu yapıştırıp saf CMYK önizlemesini görün (ör. canlı mavi ve yüksek camgöbeği/macenta), sonra üretimden önce prova ve ICC profilleriyle doğrulayın.
HSV/RGB ile fotoğraf ve tuval hesabı
Editörler HSV/HSB ile düşünür (Photoshop), kod 0-255 RGB kanallarıyla düşünür. Betikler, gölgelendiriciler veya fotoğraf hatları için hsv(217,76%,96%) değerini kanallara çevirin.
Uyumsuzlukları ayıklama ve kontrast
Renk platformlarda farklı mı görünüyor? Tam kanalları karşılaştırmak için dönüştürün, beyaz/siyah rozetleri kontrol edin, sonra yayından önce okunabilirliği doğrulamak için kontrast denetimine geçin.