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

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

Color Converter, geliştiriciler ve tasarımcılar için ücretsiz ve çevrim içi bir HEX'ten RGB'ye ve HSL'ye renk dönüştürücüdür. Bir rengi herhangi bir gösterimde yazın — HEX (#rrggbb veya #rgb kısaltması), RGB ("255, 100, 0" ya da "rgb(255 100 0)" gibi) veya HSL ("220, 91%, 64%" gibi) — ve diğer her biçim, büyük bir canlı önizleme renk örneğinin yanında anında güncellenir. Yerleşik bir renk seçici, bir tonu görsel olarak seçmenizi sağlar ve her değerin tek tıkla kopyalama düğmesi vardır; bu nedenle marka renklerini eşleştirmeniz ya da CSS renk değerlerini kod ile tasarım araçları arasında dönüştürmeniz gerektiğinde oldukça kullanışlıdır.

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

1. HEX, RGB veya HSL alanına bir renk yazın ya da yapıştırın, ya da bir tonu görsel olarak seçmek için renk seçici örneğine tıklayın.
2. Diğer iki alanın ve büyük önizleme renk örneğinin aynı rengi yansıtmak için anında güncellendiğini izleyin.
3. Dönüştürülen kanal değerleri için aşağıdaki R / G / B, H / S / L ve HEX özet kutucuklarını okuyun.
4. Bir alanın yanındaki kopyalama düğmesine tıklayarak değerini kopyalayın: HEX, #rrggbb dizesini kopyalar; RGB ve HSL ise kullanıma hazır rgb(...) ve hsl(...) dizelerini kopyalar.
5. Bir değer reddedilirse satır içi hatayı kontrol edin ve alan ipucunda gösterilen biçimde yeniden girin.

Örnekler

#ff6400

RGB 255, 100, 0 / HSL 24, 100%, 50%

#fff

HEX #ffffff / RGB 255, 255, 255 / HSL 0, 0%, 100%

Sıkça sorulan sorular

Bu dönüştürücü hangi renk biçimlerini destekler?

Üç biçim arasında dönüştürme yapar: HEX (tam #rrggbb ve #rgb kısaltması), RGB (kanal başına 0-255) ve HSL (renk tonu derece olarak, doygunluk ve parlaklık yüzde olarak). Şu anda alfa/saydamlık, HSV, CMYK veya adlandırılmış CSS renklerini işlemez.

Rengim neden "Invalid HEX color", "Invalid RGB color" ya da "Invalid HSL color" hatası gösteriyor?

Değer beklenen biçimle eşleşmiyor veya aralık dışında. HEX 3 ya da 6 onaltılık basamaktan oluşmalı, RGB kanalları 0-255 arasında olmalı, HSL doygunluk ve parlaklığı ise 0-100% arasında olmalıdır. O alanın altındaki ipucunu izleyerek yeniden girin.

rgb(255 100 0) gibi tam bir CSS değerini yapıştırabilir miyim?

Evet. RGB ve HSL alanları sayıları yalnızca metinden çeker; bu yüzden hem "255, 100, 0" hem de "rgb(255 100 0)" çalışır ve kopyalama düğmeleri kullanıma hazır rgb(...) ve hsl(...) dizeleri üretir.

Dönüştürülen değerler yuvarlanıyor mu?

Evet. RGB kanalları ve HSL değerleri tam sayılara yuvarlanır; bu nedenle bir gidiş-dönüş dönüştürmesi orijinalden bir birim farklı olabilir. HEX çıktısı her zaman kanal başına iki basamaktır (#rrggbb).

Renk verilerim herhangi bir yere yükleniyor mu?

Hayır. Tüm dönüştürme JavaScript ile tarayıcınızda yerel olarak çalışır — sunucuya hiçbir şey gönderilmez ve hiçbir renk değeri yüklenmez; böylece gizli bir şekilde ve sayfa bir kez yüklendikten sonra çevrim dışıyken bile çalışır.