PixConvert

Renk Dönüştürücü ve Seçici

İstediğiniz rengi seçin ve anında HEX, RGB ve HSL değerlerini alın. Herhangi bir formatı kopyası için tıklayın — CSS, tasarım araçları ve kod için mükemmel.

#3B82F6
HEX
RGB
HSL

Tasarımcılar ve Geliştiriciler İçin Geliştirilmiş Bir Renk Aracı

HEX, RGB ve HSL arasında gerçek zamanlı olarak dönüştürme yapın ve ardından doğrudan CSS, Figma veya tasarım etiketlerinize kopyası .

Gerçek Zamanlı Dönüştürme

Herhangi bir formatı düzenleyin ve HEX, RGB ve HSL değerlerinin siz yazdığınız anda yeniden hesaplanmasını izleyin. dönüştürmek düğmesi yok, gecikme yok.

Üç Format Senkronize

Kod için HEX, matematik için RGB, sezgisel ayarlamalar için HSL. Üçü de birbirine bağlı kalır, böylece favorinizi seçebilirsiniz.

Tek Tıkla Kopyala

Her formatın, CSS'ye hazır değerleri panonuza kopyalayan özel bir kopyası düğmesi vardır. Doğrudan stil dosyanıza yapıştırın.

Görsel Renk Seçici

Tam spektrumlu renk seçici ile dilediğiniz rengi görsel olarak seçin. Renk örneklemesi, ince ayar ve paletleri keşfetmek için idealdir.

CSS Uyumlu Çıktı

Her format geçerli CSS olarak oluşturulur; yeniden biçimlendirme veya yeniden dönüştürme gerekmez. Her modern tarayıcı ve tasarım aracıyla çalışır.

%100 Özel — Sunucu Yok

Tüm renk hesaplamaları tarayıcınızda yapılır. Renkler, paletler ve değerler asla cihazınızdan ayrılmaz.

Renk dönüştürücüyü kim kullanıyor?

CSS'i ilk kez öğrenenlerden, tasarım sistemini sürdüren marka ekiplerine kadar herkes için tek araç, her türlü iş akışı.

Web Geliştiricileri

CSS özel özellikleri, Tailwind yapılandırmaları ve tarayıcı denetleyicisinden alınan HEX kodları arasında tasarım belirteçlerini dönüştürün.

  • CSS değişkenleri ve Tailwind renkleri
  • Figma HEX dosyalarını temalar için HSL formatına dönüştürün.
  • Platformlar arası renk uyumsuzluklarını ayıklama

Tasarımcılar

Figma, Sketch, Adobe ve web genelinde renk paletlerinizi tutarlı tutun; herhangi bir renk tonunu renk sistemleri arasında anında dönüştürmek .

  • Figma'dan HEX'i CSS'ye Dışa Aktarma
  • HSL ile doygunluğu ve açıklığı ayarlayın.
  • Aletler arasında marka renklerini eşleştirin.

Marka ve Stil Rehberi Ekipleri

Tasarımcıların ve geliştiricilerin ihtiyaç duyduğu her formatta (HEX, RGB ve HSL) marka renk paletlerini yan yana belgeleyin.

  • Üçlü formatlı marka paletleri oluşturun
  • Paylaşılabilir renk özellikleri oluşturun
  • Denetim eski renk kodları

Renkler Nasıl Dönüştürülür

1

Renk seçiciyi kullanarak bir renk seçin veya herhangi bir giriş alanına doğrudan HEX, RGB veya HSL değeri yazın.

2

Tüm formatlar anında güncellenir; HEX, RGB ve HSL değerleri, yaptığınız değişiklikler doğrultusunda gerçek zamanlı olarak yeniden hesaplanır.

3

Herhangi bir formatın yanındaki Kopyala düğmesine tıklayarak değeri panonuza kopyası ve CSS, Figma veya koda yapıştırmaya hazır hale getirebilirsiniz.

Daha Fazla Araç Keşfedin

Bu araçla birlikte harika çalışan diğer ücretsiz araçları keşfedin.

image

Görüntü Sıkıştırıcı

Kalite kaybı olmadan dosya boyutunu küçültün.

Try it
image

Görüntü Boyutlandırıcı

Görüntüleri tam boyutlarına göre yeniden boyutlandırın.

Try it
image

Arka Plan Kaldırıcı

Yapay zeka hassasiyetiyle arka planları kaldırın.

Try it
utility

QR Kod Oluşturucu

Anında özel QR kodları oluşturun.

Try it
image

Görüntü Dönüştürücü

30'dan fazla görüntü formatı arasında dönüştürme yapın

Try it
image

PNG'den WebP'ye

Daha küçük dosyalar, web için aynı kalite.

Try it

Sıkça Sorulan Sorular

HEX, RGB ve HSL arasında renk dönüştürme hakkında en sık sorulan soruların cevapları.

HEX, RGB ve HSL arasındaki fark nedir?

HEX (örneğin #FF5733), HTML ve CSS'de kullanılan onaltılık bir gösterimdir. RGB (örneğin rgb(255, 87, 51)), bir rengi kırmızı, yeşil ve mavi kanallarıyla tanımlar. HSL (örneğin hsl(11, 100%, 60%)), bir rengi tonu, doygunluğu ve açıklığıyla tanımlar; bu, küçük ayarlamalar yapan tasarımcılar için genellikle daha sezgiseldir.

HEX kodunu doğrudan yazabilir miyim?

Evet. HEX giriş alanına tıklayın ve geçerli herhangi bir 6 haneli HEX kodunu yazın veya yapıştırın (örneğin #3B82F6). RGB ve HSL değerleri otomatik olarak güncellenecektir. Hem 3 haneli (#RGB) hem de 6 haneli (#RRGGBB) formatlar desteklenmektedir.

Renk verileri bir sunucuya gönderiliyor mu?

Hayır. Tüm renk dönüştürme işlemleri tamamen tarayıcınızda JavaScript kullanılarak gerçekleşir. Hiçbir şey herhangi bir sunucuya gönderilmez.

Bu aracı kullanarak CSS renk değerlerini alabilir miyim?

Evet — HEX, RGB veya HSL'nin yanındaki Kopyala'ya tıklayın ve doğrudan CSS'nize yapıştırın. Her üç format da tüm modern tarayıcılar tarafından desteklenen geçerli CSS renk değerleridir.