Hızlı tasarım aracı

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

Tek bir renk değeri gir, canlı önizlemede gör ve ihtiyacın olan HEX, RGB veya HSL formatını anında kopyala.

Renk değeri

Önizleme

Tek bir geçerli renk kodu gir, ihtiyacın olan formatı anında kopyala.

HEX

#7C3AED

RGB

rgb(124, 58, 237)

HSL

hsl(262, 83%, 58%)

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

Tek bir geçerli renk kodu gir, canlı önizlemeyi kontrol et ve tasarım ya da CSS için doğru formatı kopyala.

HEX, RGB ya da HSL değeri girin veya hızlı başlamak için renk seçiciyi kullanın.

HEX, RGB ve HSL çıktısını aynı anda görün ve başka araca geçmeden kontrol edin.

CSS, tasarım notu ya da marka rengi listesi için ihtiyacınız olan formatı tek tıkla alın.

Bu araç en çok elinizde bir renk varken onu başka formata hızlıca çevirmek istediğinizde iş görür.

Seçtiğiniz rengi doğrudan HEX, RGB veya HSL olarak stil dosyasına taşıyın.

Profil, thumbnail ve sosyal medya renklerini araçlar arasında tutarlı tutun.

Aynı rengi farklı formatlarda paylaşın; değeri elle yeniden yazmak zorunda kalmayın.

İyi bir renk dönüştürücü, önizlemeyi ve yaygın renk kodlarını tek ekranda tutmalıdır.

Girdi

#7C3AED

Çıktı

HEX: #7C3AED
RGB: rgb(124, 58, 237)
HSL: hsl(262, 83%, 58%)

Aynı rengi CSS ve tasarım araçları arasında taşırken kullanışlıdır.

Girdi

rgb(10, 10, 15)

Çıktı

HEX: #0A0A0F
HSL: hsl(240, 20%, 5%)

Aynı koyu yüzeyi farklı ekranlarda tekrar kurarken işinizi hızlandırır.

HEX, RGB ve HSL değerleri girilebilir; araç bunları diğer yaygın formatlara çevirir.

Evet. Renk seçici sayesinde önce tonu seçip sonra net kodları kopyalayabilirsiniz.

Farklı tasarım ve frontend akışları farklı format ister; hepsini birlikte görmek sürtünmeyi azaltır.