Html renk kodları çevrimiçi. Stillerdeki renkler farklı şekillerde belirtilebilir: onaltılık değere göre, ada göre, RGB, RGBA, HSL, HSLA formatında. Web tasarımında rengi temsil etmenin birkaç yolu vardır.

Bu sayfa, HTML, CSS, JavaScript, Flash vb. gibi Web geliştirici dillerinde renkleri belirtmek için kullanılabilecek anahtar kelimelerin bulunduğu bir tablo içerir.

WC3 endişesinin eski spesifikasyonlarında, HTML ve CSS'de renklerin ayarlandığı yalnızca 16 anahtar kelime belirtildi. Ayrıca, daha modern spesifikasyonlara, renk adlarını belirtmek için 130 anahtar kelime daha eklendi. Aşağıdaki tabloda renk adları ve bunlara karşılık gelen hex ve RGB kodları yer almaktadır.

CSS kurallarına göre renk adları büyük/küçük harfe duyarlı değildir. IndianRed ve Indianred renk girişleri eşdeğerdir.

Tablodaki 146 anahtar kelimeden aslında daha az rengin bulunduğunu da belirtmekte fayda var. Bunun nedeni bazı anahtar kelimelerin aynı renge gönderme yapmasıdır. Bu nedenle, Gri ve Gri adları %50 gri renk kodunu #808080 temsil eder ve Macenta sözcüğü, #FF00FF onaltılık koduna karşılık gelen Fuşya HTML renginin eş anlamlısıdır. Aqua ve Cyan kelimeleri de eş anlamlıdır ve #00FFFF koduna karşılık gelirler.

Renk tablosu (palet) html size ihtiyacınız olan tonu bağımsız olarak seçme fırsatı verir. Renk değeri üç formatta görüntülenir: Hex, RGB ve HSV.

• Hex, onaltılık sayı sisteminde iki karakterli üç değerden oluşur. Örneğin: #ff00b3, burada ilk sayı çifti kırmızı, ikincisi yeşil ve üçüncüsü mavidir.
• RGB (KırmızıYeşilMavi), ortaya çıkan renkteki karşılık gelen tonun (kırmızı, yeşil, mavi) miktarını belirten "200,100,255" biçimine sahiptir.
• HSV (Ton, Doygunluk, Değer - ton, doygunluk, değer) - koordinatların şöyle olduğu bir renk modeli:
  • Ton - renk tonu, 0° ila 360° arasında değişebilir.
  • Doygunluk - doygunluk, 0-100 veya 0-1 arasında değişir. Bu parametre ne kadar yüksek olursa renk o kadar "saf" olur, bu nedenle bu parametreye bazen renk saflığı da denir. Ve bu parametre sıfıra ne kadar yakınsa renk nötr griye o kadar yakın olur.
  • Değer (renk değeri) - parlaklığı ayarlar, değer ayrıca 0-100 veya 0-1 arasında değişebilir.

Renk kodunu girin: GİTMEK

İsimleri olan renklerin listesi

Tabloda renklerin adları listelenmektedir. ingilizce dili(değer olarak kullanılabilen) tüm tarayıcılar tarafından desteklenen ve onaltılık değerleri. Listelenen tüm renkler "güvenlidir", yani tüm tarayıcılarda aynı görüneceklerdir.

Renkleri belirtmek için onaltılık sayılar kullanılır. Onaltılık sistem, ondalık sistemden farklı olarak adından da anlaşılacağı gibi 16 sayısını temel alır. Sayılar şu şekilde olacaktır: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. 10'dan 15'e kadar olan sayıların yerini Latin harfleri alır. Onaltılık sistemde 15'ten büyük sayılar iki sayının birleştirilmesiyle oluşur. Örneğin 255 sayısı ondalık sistem onaltılık sistemde FF sayısına karşılık gelir. Sayı sistemini belirlerken karışıklığı önlemek için, onaltılık sayının önüne # karma sembolü yerleştirilir, örneğin #666999. Üç rengin her biri (kırmızı, yeşil ve mavi) 00'dan FF'ye kadar değerler alabilir. Böylece, renk sembolü üç bileşene bölünmüştür #rrggbb; burada ilk iki sembol rengin kırmızı bileşenini, ortadaki iki - yeşil ve son iki - mavi bileşenini gösterir. Her karakterin iki katına çıkarılması gereken #rgb kısaltılmış formunun kullanılmasına izin verilir. Bu nedenle #fe0 girişi #ffee00 olarak kabul edilmelidir.

İsimle

Tarayıcılar bazı renkleri adlarına göre destekler. Masada 1 adları, onaltılık kodu, RGB, HSL değerlerini ve açıklamasını gösterir.

RGB'yi kullanma

Kırmızı, yeşil ve mavi değerlerini ondalık sayılarla kullanarak rengi tanımlayabilirsiniz. Üç renk bileşeninin her biri 0 ile 255 arasında bir değer alır. Rengin yüzde olarak belirtilmesine de izin verilir; %100, 255 sayısına karşılık gelir. Önce rgb anahtar sözcüğünü belirtin, ardından parantez içinde renk bileşenlerini belirtin. virgülle ayrılmış olarak, örneğin rgb(255 , 128, 128) veya rgb(100%, 50%, 50%).

RGBA

RGBA formatı söz dizimi açısından RGB'ye benzer ancak öğenin şeffaflığını belirten bir alfa kanalı içerir. 0 değeri tamamen şeffaftır, 1 opaktır ve 0,5 gibi bir ara değer yarı şeffaftır.

RGBA, CSS3'e eklendiğinden CSS kodunun bu sürüme göre doğrulanması gerekir. CSS3 standardının halen geliştirilme aşamasında olduğunu ve bazı özelliklerin değişebileceğini belirtelim. Örneğin, arka plan rengi özelliğine eklenen RGB biçimindeki bir renk doğrulanır, ancak arka plan özelliğine eklenen renk artık geçerli değildir. Aynı zamanda tarayıcılar her iki özelliğin rengini de oldukça doğru anlıyor.

HSL

HSL formatının adı, Hue (ton), Doygunluk (doygunluk) ve Lightness (açıklık) ilk harflerinin birleşiminden türetilmiştir. Ton, renk tekerleğindeki (Şekil 1) renk değeridir ve derece cinsinden verilir. 0° kırmızıya, 120° yeşile ve 240° maviye karşılık gelir. Renk tonu değeri 0 ila 359 arasında değişebilir.

Pirinç. 1. Renk tekerleği

Doygunluk bir rengin yoğunluğudur ve %0 ile %100 arasında bir yüzde olarak ölçülür. %0 değeri renk olmadığını ve gri tonunu belirtir; %100 doygunluk için maksimum değerdir.

Açıklık, rengin ne kadar parlak olduğunu belirtir ve %0 ile %100 arasında bir yüzde olarak belirtilir. Düşük değerler rengi koyulaştırır, yüksek değerler ise rengi açar; %0 ve %100 gibi uç değerler siyah beyaza karşılık gelir.

HSLA

HSLA formatı söz dizimi açısından HSL'ye benzer ancak öğenin şeffaflığını belirtmek için bir alfa kanalı içerir. 0 değeri tamamen şeffaftır, 1 opaktır ve 0,5 gibi bir ara değer yarı şeffaftır.

RGBA, HSL ve HSLA renk değerleri CSS3'e eklendiğinden bu formatları kullanırken lütfen kodunuzun sürüm geçerliliğini kontrol edin.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Uyarı

Sitede listelenen tüm aslan yakalama yöntemleri teoriktir ve hesaplamalı yöntemlere dayanmaktadır. Yazarlar bunları kullanırken güvenliğinizi garanti etmez ve sonuçlarla ilgili herhangi bir sorumluluk kabul etmez. Aslanın yırtıcı ve tehlikeli bir hayvan olduğunu unutmayın!

Bu örneğin sonucu Şekil 2'de gösterilmektedir. 2.

Pirinç. 2. Web sayfasındaki renkler

HTML renkleri eğik çizgi karakterinden sonra altı karakterle gösterilir; örneğin #000000. Bu altı sembol, son renkteki farklı renklerin (Kırmızı, Yeşil, Mavi) oranlarını temsil eder. Bilgisayar monitörünüzdeki görüntü, piksel adı verilen çok sayıda noktadan oluşur. Her piksel küçük bir ışık kaynağıdır, buna "el feneri" diyelim ve bu da kırmızı, yeşil ve mavi olmak üzere üç el fenerinden oluşur. Tek tek renkli el fenerlerinin parıltısının yoğunluğunu azaltarak veya artırarak istenilen rengi elde ederiz.

HTML renk kodları

HTML'deki renkler, kırmızı, mavi ve yeşilin (RGB) onaltılık (HEX) gösterimiyle temsil edilir.

En küçük renk değeri 0'dır (onaltılık 00). En yüksek renk değeri 255'tir (hex FF).

Onaltılık renk değeri # işaretiyle başlayan üç basamaklıdır.

Renk kodları (anlamları)

16 milyon renk

Kırmızı, mavi ve yeşilin her bir rengin yüzdesi için 0 ile 255 arasında değişen değerlerle birleştirilmesi toplamda 16 milyondan fazla renk tonu (256 x 256 x 256) sağlar.

Çoğu modern monitör en az 16.384 farklı renk tonu görüntüleme kapasitesine sahiptir (LCD monitörler genellikle 262 bin 16 milyon renk görüntüleme kapasitesine sahiptir) (Ekim 2013'te güncellendi) renkler ve CRT monitörler neredeyse sınırsız sayıda renk görüntüleyebilir).

Aşağıdaki renk tablosu, mavi ve yeşil için sıfır değerlerle kırmızı oranının 0'dan 255'e değişimini göstermektedir:

Grinin tonları

Grinin tonlarını elde etmek için tüm renklerin eşit payları kullanılır. Doğru rengi seçmenizi kolaylaştırmak için size gri ton kodları sunuyoruz

Tarayıcılar arası (tüm tarayıcılar) html renk adları

Tüm tarayıcılarda desteklenen, html'de 150 renk adından oluşan bir koleksiyon.

Standartlaştırılmış renk adları

W3C, HTML ve CSS için 16 geçerli renk adını listeler: deniz mavisi, siyah, mavi, fuşya, gri, yeşil, limon, bordo (kestane), lacivert (ultramarin), zeytin (zeytin), mor (mor), kırmızı (kırmızı) , gümüş (gümüş), turkuaz (gri), beyaz (beyaz) ve sarı (sarı).

Bu listede yer almayan renkleri kullanırken onaltılık (HEX) kodunu veya RGB kodunu kullanmak daha doğrudur.

Güvenli renkler

Birkaç yıl önce, bilgisayarlar maksimum 256 farklı rengi destekleyebildiğinde, 40'ı sistem için ayrılmış 216 "Web Uyumlu Renk"ten oluşan bir liste önerildi.

Bu 216 renkli palet, renkleri 256 renkli palet modunda düzgün şekilde görüntülemek için oluşturuldu.

Artık bunun bir önemi yok çünkü dünyadaki çoğu bilgisayar milyonlarca renk tonunu destekliyor. Her durumda, işte bu renklerin bir listesi: