İçeriğe atla
Dünya Kupası başlama saati dönüştürücü yayındaBaşlama saatlerini kendi saat diliminde gör ve takvim hatırlatmaları ekle.
CrateX.app logosu

CrateX.app

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

Renk seçici, rastgele renk, canlı önizleme, kanal kontrolleri ve kopyalamaya hazır CSS dizeleriyle bir rengi yerel olarak 6 basamaklı HEX, RGB, HSL ve CMYK arasında dönüştürü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
3
HEX, RGB, HSL veya CMYK CSS dizesini kopyalayı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.

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: 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şı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 çalışır. Geçerli renk, kanal değerleri, çıktı ayarları, ondalık hassasiyet, büyük harf HEX tercihi, önizleme tercihi ve son renkler listesi geçerli tarayıcı oturumunda veya tarayıcı depolamasında kalabilir. Bir çalışma alanı kaydeder veya WebDAV eşitlemesini etkinleştirirseniz geçerli renk ve ayarlar eşitleme ayarlarınıza göre kaydedilebilir; son renkler WebDAV üzerinden eşitlenmez. HEX, RGB, HSL ve CMYK dizeleri geçerli renk ve ayarlardan yeniden hesaplanır, ayrı sonuçlar olarak saklanmaz. Bu sayfa görselleri okumaz, ekranı örneklemez, URL getirmez ve renkleri sunucu tarafında dönüştürme için göndermez. Paylaşılan cihazlarda gerektiğinde renkleri, ayarları ve site verilerini temizleyin.

Sıkça Sorulan Sorular

5

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

Kaynaklar

Rehberler

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.