Tüm araçlar Ücretsiz

140 standart CSS/HTML adlandırılmış rengin tamamına güzel bir renk kartı ızgarasında göz atın — ada veya hex'e göre arayın, renk ailesine göre filtreleyin ve herhangi bir rengin hex, rgb() veya hsl() değerini tek tıkla kopyalayın. Tarayıcınızda, ücretsiz.

140 standart CSS/HTML adlandırılmış rengin tamamı, hex, RGB ve HSL değerleriyle. Her şey tarayıcınızda yerleşik bir referanstan çalışır — sunucuya hiçbir şey gönderilmez.

Aramanızla eşleşen renk yok.
Farklı bir ad veya hex deneyin — örneğin RebeccaPurple, #00FF00 veya teal.

HTML Renk Adları Hakkında

Bu referans, standart 140 CSS/HTML adlandırılmış rengin tümünü (tarayıcıların anladığı tam liste, AliceBlue'dan YellowGreen'e kadar) duyarlı bir renk örneği ızgarası olarak sunar. Her örnek rengi adı ve onaltılık değeriyle birlikte gösterir; birine tıklamak onaltılık, rgb() ve hsl() biçimlerini açar, her biri tek tıklamayla kopyalanabilir.

Ada veya onaltılık değere göre arayabilirsiniz: Tomato ve #FF6347 aynı örneği bulur; ve aileye göre filtreleyebilirsiniz: Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites ve Grays & Blacks. Aile görünümü, kabaca istediğiniz tonu bildiğinizde aday kısaltmak için en hızlı yoldur.

Adlandırılmış renkler prototipler, kod örnekleri, SVG dolguları ve öğretim için kullanışlıdır, çünkü RebeccaPurple gibi bir ad niyeti bir onaltılık üçlüden daha iyi iletir. RGB ve HSL değerleri, her rengin onaltılık değerinden tarayıcınızda türetilir ve aradığınız hiçbir şey bir sunucuya gönderilmez.

HTML Renk Adları Nasıl Kullanılır

  1. Renk adına veya onaltılık değere göre arayın: örneğin Tomato, teal veya #00FF00.
  2. Bir ton aralığındaki renkleri kısaltmak için aileye göre filtreleyin: Reds, Blues, Grays ve benzeri.
  3. Onaltılık değerini anında kopyalamak için bir örneğe tıklayın.
  4. Bunun yerine rgb() veya hsl() biçimini kopyalamak için örnek açılır penceresini açın.

Sıkça sorulan sorular

Modern CSS'de 140 standart adlandırılmış renk vardır, orijinal 16 HTML rengini daha geniş X11 kökenli liste ile genişletir. Her mevcut tarayıcı, bir renk kabul eden herhangi bir özellikte hepsini destekler.

Hayır. tomato, Tomato ve TOMATO CSS ve HTML'de hepsi geçerlidir ve aynıdır. Burada gösterilen camel-case biçimler yalnızca LightGoldenrodYellow gibi çok kelimeli adları okunabilir kılan geleneksel yazımdır.

Adlar örnekler, prototipler ve tek seferlik vurgular için harikadır; üretim paletleri genellikle onaltılık, rgb() veya hsl() değerleriyle özel özelliklerde yaşar, çünkü tasarım sistemi renkleri nadiren adlandırılmış bir renkle tam olarak eşleşir. İşlevsel olarak, bir ad ve onaltılık değeri birbirinin yerine geçebilir.

CSS, gray ve varyantları için her iki yazımı da içerir: gray/grey, darkgray/darkgrey ve benzeri, her çifti aynı değere eşleyerek. Böylece hiçbir yazım yanlış değildir.

Evet. Tüm 140 örnek, arama, aile filtreleri ve onaltılık/rgb()/hsl() kopyalama ücretsizdir ve tamamen tarayıcınızda çalışır.

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.