Web Güvenli Renk Paleti

Tüm araçlar

Klasik 216 web güvenli rengi tıklanabilir bir renk kartı ızgarası olarak inceleyin — renk tonuna veya küp sırasına göre sıralayın, hex değerine göre filtreleyin ve herhangi bir HEX veya rgb() değerini anında kopyalayın.

216 web güvenli renk, her RGB kanalındaki 00, 33, 66, 99, CC ve FF düzeylerinin tüm kombinasyonlarıdır. Her şey tarayıcınızda çalışır — yükleme yok, kayıt yok, tamamen ücretsiz.

Web Güvenli Renk Paleti Hakkında

Web-safe renk paleti, altı RGB kanal seviyesi 00, 33, 66, 99, CC ve FF'den oluşturulan klasik 216 renk setidir — erken ekranların titreme olmadan işleyebildiği 6×6×6 renk küpü. Bu araç, saniyeler içinde tarayabileceğiniz, karşılaştırabileceğiniz ve herhangi bir değeri alabileceğiniz tüm 216 renk örneğini tek tıklanabilir bir ızgarada düzenler.

Paleti orijinal küp sırasında görüntüleyebilir veya önce grileri gruplandırıp ardından spektrum boyunca ilerleyen tona göre yeniden sıralayabilirsiniz. Bir hex filtre kutusu, siz yazdıkça ızgarayı daraltır, bu yüzden 33CC girmek doğrudan bu rakamlarla başlayan renk örneklerine götürür.

Bir renk örneğine tıklamak HEX kodunu anında kopyalar ve eşleşen rgb() değerini ve en yakın adlandırılmış CSS rengini gösteren, her birinin kendi kopyalama düğmesi olan bir detay panelini açar. Her şey tarayıcınızda hesaplanır, bu da onu retro paletler, e-posta güvenli renkler ve kısıtlı tasarım sistemleri için hızlı bir referans yapar.

Web Güvenli Renk Paleti Nasıl Kullanılır

  1. Varsayılan olarak küp sırasına göre sıralanmış tüm 216 web-safe rengi bir renk örneği ızgarası olarak görmek için aracı açın.
  2. Önce grileri, ardından spektrum boyunca gruplandırılmış renkleri gezinmeyi tercih ediyorsanız sıralama düzenini "Tona göre"ye değiştirin.
  3. Izgarayı HEX kodu bu karakterlerle başlayan renk örneklerine daraltmak için hex filtre kutusuna yazın (örneğin 33CC99).
  4. Herhangi bir renk örneğine tıklayın — HEX değeri hemen panonuza kopyalanır ve ızgaranın altında bir detay paneli açılır.
  5. HEX kodunu, rgb() değerini veya en yakın adlandırılmış CSS rengini almak için detay panelindeki kopyalama düğmelerini kullanın.

Sıkça sorulan sorular

Kırmızı, yeşil ve mavi kanallarda 00, 33, 66, 99, CC ve FF değerlerini birleştirerek oluşturulan 216 renktir. Bu 6×6×6 küp, 8-bit ekranların titreme olmadan tutarlı bir şekilde gösterebildiği paletti.

Modern ekranlar milyonlarca renk gösterir, bu yüzden kısıtlama tarihseldir. Palet, retro tasarımlar, piksel sanatı, hızlı prototipler ve kısıtlı marka veya e-posta paletleri için kompakt, eşit aralıklı bir renk seti olarak hâlâ kullanışlıdır.

Her seçilen renk örneği üç kopyalanabilir değer sunar: HEX kodu (#33CC99 gibi), eşdeğer rgb() gösterimi ve RGB mesafesiyle hesaplanan en yakın adlandırılmış CSS rengi. Izgarada bir renk örneğine tıklamak da HEX'ini anında kopyalar.

Araç, seçilen renk örneğini standart CSS renk adlarının yerleşik bir listesiyle karşılaştırır ve RGB mesafesine göre en yakın eşleşmeyi döndürür. Eşleşme tam olmadığında, bir ≈ işaretiyle yaklaşık olarak işaretlenir.

Evet. Tam 216 renk ızgarası, ton sıralaması, hex filtresi ve her kopyalama eylemi kayıt gerektirmeden ücretsizdir. Palet tamamen tarayıcınızda herhangi bir sunucu isteği olmadan üretilir ve sıralanır.
Paylaş
İlgili Araçlar
Renk Paleti Oluşturucu Etkileşimli renk tekerleğinden uyumlu renk paletleri oluşturun — analogous, complementary veya triad gibi uyum kuralları uygulayın, ardından herhangi bir değeri anında kopyalayın. Ücretsiz
Renk Karıştırıcı Bir başlangıç rengini bitiş rengine 10 adıma kadar harmanlayın — degradeyi önizleyin, her tonu alın ve herhangi bir biçimi anında kopyalayın. Ücretsiz
Renk Tonları Oluşturucu Tek bir renkten ton ve gölgelerin tam aralığını oluşturun — koyulaştırma/açma adımınızı ve ton sayısını seçin, ardından herhangi bir değeri anında kopyalayın. Ücretsiz
Görüntüden Renk Çıkarıcı Herhangi bir görüntüden rafine, kopyalamaya hazır renk paleti çıkarın. Ücretsiz
Yazı Tipi Eşleştirme ve Google Fonts Dizini Popüler Google Fonts yazı tiplerinden oluşan özenle seçilmiş bir dizini canlı önizlemelerle inceleyin, kategoriye göre filtreleyin ve ada göre arayın, ardından yapıştırmaya hazır CSS'yi kopyalayın ve önerilen yazı tipi eşleşmelerini keşfedin — tümü tarayıcınızda. Ücretsiz
Ekran Renk Seçici Göz damlasıyla ekranınızdaki herhangi bir pikseli örnekleyin veya bırakılan görüntüden renk seçin ve bunları kopyalamaya hazır bir palete toplayın. Ücretsiz
Yardıma mı ihtiyacınız var?
Bu araçta bir sorun mu buldunuz? Ekibimize bildirin.
Sorun bildir

Bu ücretsiz aracı kendi web sitenize ekleyin — aşağıdaki kodu kopyalayıp yapıştırın.