İçeriğe atla
CrateX.app logosu

CrateX.app

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

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

Renk Dönüştürücü: HEX, RGB, HSL ve CMYK arasında renk formatı dönüşümünü destekler, gerçek zamanlı önizleme ve renk seçici sağlar. Otomatik senkronize dönüşüm, tasarım devri, CSS stillendirme ve stil kılavuzu birleştirme için uygundur.

HEX

#

RGB

HSL

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

Hızlı başlangıç

1
Seçin veya yazın: herhangi bir desteklenen biçimi yazın (#1E90FF, rgb(30,144,255), hsl(210,100%,56%)) ya da renk seçiciyi kullanın.
2
Otomatik dönüştürme: bir format girdiğinizde diğer tüm formatlar anında güncellenir.
3
Kopyalama: her formatın yanındaki kopyala düğmesini kullanarak standartlaştırılmış bir dize alın.

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.

Baskı referansı

ekran rengini, ilk tahmin olarak CMYK’ya dönüştürün (yine de prova gerekir).

Erişilebilirlik

hızlı bir kontrast hissi için önizlemeyi kullanın (kesin oranlar için ayrı bir araç kullanın).

Ek senaryo

renk seçici, renk kodu dönüştürücü ve hsl dönüştürücü aynı akış içinde ele alınabilir; böylece sonucu kopyalamadan veya dışa aktarmadan önce daha hızlı kontrol edebilirsiniz.

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

Girdi kuralları: HEX yalnızca 6 hane destekler (alfa yok); RGB 0–255; H 0–360; S/L %0–100; CMYK %0–100. Girdi 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: her kartın sağ üstündeki palet düğmesine tıklayarak renk seçiciyi açı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).
Çıktıyı kopyalama: kopyala düğmesi standartlaştırılmış dizeler üretir (HEX büyük harf).

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şık bir değerdir: değerler sadece tahmindir; ciddi baskı işleri ICC profilleri ve uygun iş akışı gerektirir.
Alfa yok: bu araç saydamlığı işlemez.

Güvenlik ve gizlilik

Tüm işlemler tarayıcınızda yerel olarak gerçekleşir; veriler cihazınızdan dışarı çıkmaz.

Sıkça Sorulan Sorular

5

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