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

Canlı önizlemeyle renkleri HEX, RGB ve HSL arasında dönüştürün.

Etkileşimli çalışma alanıDeğişiklikler bu cihazda kalacak
HEX, RGB veya HSL rengi
Varsayılan olarak özelGirişleriniz ve dosyalarınız bu cihazda işleniyor.
Ücretsiz ve anındaHesap, kuyruk veya yazılım kurulumu gerekmez.
Kullanıma hazırSonuçları oluşturulduğu anda kopyalayın veya indirin.

Nasıl kullanılır Renk Dönüştürücü

Üç basit adımda güvenilir bir sonuç elde edin.

  1. 01

    Bir renk girin veya seçin

    HEX, RGB, HSL veya görsel renk seçiciyi kullanın.

  2. 02

    Her formatı inceleyin

    Eşdeğer HEX, RGB ve HSL değerleri birlikte güncellenir.

  3. 03

    İhtiyacınız olanı kopyalayın

    Stil sayfanız veya tasarım dosyanız için kopyalamak üzere herhangi bir çıktı satırını tıklayın.

Günlük işler için tasarlandı

Yoğun iş olmadan kullanışlıdır

Odaklanmış kontroller, anında geri bildirim ve sizinle sonuç arasında hiçbir hesap yok.

Canlı önizleme

Değerini düzenlerken görünür rengi onaylayın.

Yaygın CSS formatları

Tarayıcılar ve tasarım araçları tarafından kullanılan formatlar arasında temiz bir şekilde geçiş yapın.

Tek tıkla kopyalama

Her normalleştirilmiş sonuç yapıştırmaya hazırdır.

Pratik kılavuz

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

Bir renk dönüştürücü, farklı gösterim sistemlerinde aynı görünen rengi ifade eder. HEX, tasarım geçişlerinde yaygındır, RGB ekran renk kanallarını yansıtır ve HSL, renk tonu, doygunluk ve açıklığı tanımlar.

Notasyonu değiştirmek amaçlanan rengi değiştirmez. Okunabilir çıktı için yüzdeye dayalı değerler yuvarlandığında küçük farklılıklar oluşabilir.

Pratik uygulamalar

Bu araç ne zaman kullanılmalı?

Ortak yollar Renk Dönüştürücü gerçek projelere ve günlük görevlere uyar.

1

CSS yazma

Tasarım HEX değerlerini RGB veya HSL bildirimlerine dönüştürün.

2

Tasarım sistemleri

Karışık renk formatlarında alınan jetonları normalleştirin.

3

Tema ayarlama

Açıklığı veya doygunluğu sistematik olarak ayarlamak için HSL'yi kullanın.

4

Kalite güvencesi

Farklı yazılan iki değerin aynı rengi temsil ettiğini doğrulayın.

Çalışmaya devam et

İlgili yardımcı programlar

Başka bir odaklanmış tarayıcı aracıyla devam edin.

Yazı tipi yardımcı programı

Web Yazı Tipi Oluşturucu

Yazı tipi dosyalarını kullanıma hazır CSS ve HTML önizleme sayfasıyla paketleyin.

Aracı aç İçerik yardımcı programı

Lorem Ipsum Jeneratör

Bir sonraki düzeniniz için yer tutucu paragraflar, cümleler veya kelimeler oluşturun.

Aracı aç Metin yardımcı programı

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

Metni büyük harfe, başlık harfine, camelCase'e, Snake_case'e ve daha fazlasına dönüştürün.

Aracı aç
JSON BiçimlendiriciJSON'u biçimlendirin ve doğrulayınCSV'den JSON'ye dönüştürücüYapılandırılmış verileri dönüştürünBase64 DönüştürücüBase64'ü kodlayın ve kodunu çözünLorem İpsumYer tutucu kopya oluşturVaka DönüştürücüMetin büyük/küçük harf dönüşümüŞifre OluşturucuGüvenli şifreler oluşturunUnicode MetinUnicode karakterlerini inceleyinKelime SayacıMetni ve anahtar kelimeleri analiz edinFark DenetleyicisiMetni satır satır karşılaştırınURL KodlayıcıURL'leri kodlama ve kodunu çözmeKarma OluşturucuGüvenli karmalar oluşturunRegex Test CihazıNormal ifadeleri test edinWeb Yazı Tipi OluşturucuWeb yazı tipi paketi oluşturmaTTC Paket AçıcıTTC yazı tipi dosyalarını çıkarın
Faydalı cevaplar

Sık sorulan sorular

Hakkında hızlı cevaplar renk dönüştürücü ve bu sayfanın nasıl çalıştığını.

HEX'i RGB'ye dönüştürmek rengi değiştirir mi?

Hayır. Her iki gösterim de aynı kırmızı, yeşil ve mavi kanal değerlerini tanımlar.

HSL ne işe yarar?

HSL, renk tonu, renk yoğunluğu ve parlaklığın bağımsız olarak ayarlanmasını kolaylaştırır.

Alfa değerleri destekleniyor mu?

Geçerli dönüştürücü opak HEX, RGB ve HSL renklerine odaklanır.

Neden bazı HSL değerleri yuvarlanıyor?

Yüzdeler ve renk tonu değerleri, okunabilir CSS çıktısı için yuvarlanır.