İçeriğe atla
CrateX.app logosu

CrateX.app

Renk Dönüştürücü

Renk seçici, rastgele renk, canlı önizleme ve kanal denetimleriyle bir rengi yerel olarak 6 basamaklı HEX (#RRGGBB), RGB, HSL ve CMYK arasında dönüştürün; kopyalanabilir HEX/RGB/HSL CSS değerlerini ve CMYK başvuru gösterimini alın.

HEX

#

RGB

HSL

CMYK

Renk Dönüştürücü

Hızlı başlangıç

1
6 haneli HEX veya RGB/HSL/CMYK kanallarını girin
2
Seçiciyi veya rastgele rengi kullanın, sonra eşlenen değerleri kontrol edin

Yaygın kullanım senaryoları

Tasarım-dev handoff

tasarım dosyalarındaki HEX değerlerini geliştirme için CSS RGB/HSL’e dönüştürün.

Stil rehberi

bir bileşen kitaplığında renk biçimlerini ve yazım stilini tekilleştirin.

Yazdırma referansı

ilk tahmin olarak ekran rengini CMYK'e dönüştürün, ardından prova ve yazdırma iş akışıyla onaylayın

Erişilebilirlik

Önizlemeyi yalnızca hızlı bir görsel kontrol için kullanın; kesin oranlar için özel bir kontrast aracı kullanın

Dönüştürme parametreleri ve görüntüleme

Giriş kuralları: HEX yalnızca 6 rakamı destekler (#RRGGBB; #RGB, #RGBA, #RRGGBBAA veya alfa yok); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. Giriş büyük/küçük harfe duyarlı değildir
Önizleme: masaüstünde sağ tarafta canlı önizleme görünür; mobilde önizleme olmadan hafif bir mod çalışır.
Renk seçici: HEX kartındaki renk seçiciyi kullanın.
HEX büyük harf politikası: çıktı büyük harfli hale getirilir (örn. #1E90FF); girdi büyük/küçük harfe duyarlı değildir; ayrı bir büyük/küçük harf geçişi yoktur.
İnce ayar: kanal harflerini sola/sağa sürükleyin (Shift×10, Alt÷0,1).
Kopyalama çıktısı: düğme standartlaştırılmış HEX, RGB ve HSL CSS değerlerini (HEX büyük harf) veya CMYK başvuru gösterimi cmyk(...) ifadesini üretir

Kullanım tavsiyeleri

Hassasiyet: cihaz/ekran yönetimi farklılık gösterebilir; damlalık değerleri uygulamalar arasında biraz değişebilir.
Alfa: mevcut formatlar alfa içermez; rgba()/hsla() veya ayrı bir alfa değeri kullanın.
Renk uzayı: web varsayılan olarak sRGB kullanır; P3/Display‑P3 iş akışlarında dikkatle doğrulayın.
Ekip tutarlılığı: CSS’te kanonik bir biçim üzerinde anlaşın (ör. HSL).

Sınırlamalar ve uyumluluk

Cihaz farklılıkları: farklı monitörler/tarayıcılar/işletim sistemleri rengi farklı yönetir; görünüm değişebilir.
CMYK yaklaşıktır: değerler ICC profillerine, kağıda, mürekkebe, cihazlara ve provaya bağlıdır; bunu baskıya hazır bir değer olarak değil, referans olarak kullanın
Alfa yok: bu araç şeffaflığı, rgba(), hsla(), #RGBA veya #RRGGBBAA değerlerini işlemez.
CSS renk alt kümesi: adlandırılmış renkler, şeffaf, currentColor, HWB, HSV/HSB, Lab, LCH, OKLab, OKLCH, Display-P3, device-cmyk(), göreceli renkler, color-mix() ve contrast-color() bu aracın dışındadır
Görüntü veya palet aracı yok: Bu sayfada görüntü örnekleme, ekran damlalığı, palet oluşturma, degrade oluşturma, kontrast oranı kontrolleri, CSS değişkeni dışa aktarma veya tasarım belirteci dışa aktarımı yapılmaz

Gizlilik ve güvenlik

İşlem tarayıcıda gerçekleşir. Geçerli renk mevcut tarayıcı oturumunda kalabilir. Bir çalışma alanını kaydeder veya WebDAV’ı etkinleştirirseniz geçerli renk o çalışma alanının parçası olarak kaydedilebilir ya da eşitlenebilir. Türetilmiş çıktılar, geri alma geçmişi ve geçici hatalar ayrı veri olarak kaydedilmez veya eşitlenmez; araç son renkler listesi tutmaz. Bu sayfa görselleri okumaz, ekranı örneklemez, URL getirmez ve renkleri sunucuda dönüştürülmek üzere göndermez. Paylaşılan cihazlarda gerektiğinde rengi ve site verilerini temizleyin.

Sıkça Sorulan Sorular

5

Sonraki adım için bu ilgili araçlarla devam edin.

Hakkında

Hakkımızda
Fiyatlandırma

Yasal bilgiler

Şartlar
Gizlilik Politikası
Çerez Politikası

Tercihler

Çerezleri yönet

Araçların tüm işlenmesi tarayıcınızda yerel olarak gerçekleşir.