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.

Kullanım talimatları

🚀 Hızlı başlangıç

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.
Otomatik dönüştürme: bir format girdiğinizde diğer tüm formatlar anında güncellenir.
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).

🎛️ 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.

🔒 Gizlilik ve güvenlik

Tüm işlemler tarayıcınızda gerçekleşir; veriler cihazınızı terk etmez.

❓ Sıkça Sorulan Sorular

#RGB kısaltması destekleniyor mu?

Desteklenmiyor; lütfen 6 haneli HEX (#RRGGBB) kullanın.

RGB ve HSL için aralıklar nedir?

RGB 0–255 (tamsayı); H 0–360, S/L %0–100 aralığındadır.

Neden CMYK nihai baskıdan farklı görünüyor?

CMYK; kağıt, mürekkep, cihaz ve ICC kurulumuna bağlıdır; buradaki değerler yaklaşık olup prova gerektirir.

Alfa (rgba()/hsla()) destekleniyor mu?

Şu anda desteklenmiyor; rgba()/hsla() kullanın veya alfayı ayrı tutun.

Neden önizleme veya dönüştürülmüş değerler tasarım uygulamaları ya da tarayıcılardan farklı görünüyor?

Renk yönetimi, işleme ve ekran kalibrasyonu farklarından dolayı. Bu araç hesaplamayı sRGB’de yapar; sonuçlar referans amaçlıdır.

Geniş gam (P3/Display‑P3) destekleniyor mu?

Şu anda sRGB temellidir; P3 iş akışlarında hedef cihaz ve ICC profilleriyle ayrıca doğrulayın.

CMYK’yı tekrar HEX/RGB’ye dönüştürebilir miyim?

Desteklenir, ancak CMYK→ekran rengi yalnızca yaklaşık bir değerdir; ciddi baskı işleri için ICC ve prova gerekir.