Bu sayfa, HTML, CSS, JavaScript, Flash, vb. gibi Web geliştirme dillerinde renkleri belirtmek için kullanılabilecek anahtar kelimeler içeren bir tablo içerir.

Eski WC3 spesifikasyonunda, HTML ve CSS'de renklerin ayarlandığı sadece 16 anahtar kelime yazılmıştır. Daha sonra, daha modern spesifikasyonlarda, renk adlarını belirtmek için 130 anahtar kelime daha eklendi. Aşağıdaki tablo, karşılık gelen renk adlarını, hex ve RGB kodlarını içerir.

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

Tablodaki 146 anahtar kelimeden aslında daha az renk olduğunu da belirtmekte fayda var. Bunun nedeni, bazı anahtar kelimelerin aynı renge atıfta bulunmasıdır. Dolayısıyla, Gray ve Gray adları #808080 koduyla yüzde 50 griyi temsil ederken, Macenta sözcüğü, #FF00FF onaltılık koduna karşılık gelen Fuşya renginin HTML eşanlamlısıdır. Aqua ve Cyan kelimeleri de eşanlamlıdır, #00FFFF koduna karşılık gelirler.

Renkleri belirtmek için onaltılık sayılar kullanılır. Onaltılık sistem, ondalık sistemin aksine, 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 Latin harfleriyle değiştirilir. Onaltılı sistemde 15'ten büyük sayılar, iki sayının bire birleştirilmesiyle oluşturulur. Örneğin, ondalık olarak 255 sayısı, onaltılık olarak FF sayısına karşılık gelir. Sayı sisteminin tanımında karışıklığı önlemek için, onaltılık sayının önüne kare sembolü # gelir, örneğin #666999. Üç rengin her biri - kırmızı, yeşil ve mavi - 00 ile FF arasında değerler alabilir. Böylece, rengin tanımı, ilk iki karakterin rengin kırmızı bileşenini, ortadaki iki karakterin yeşili ve son ikisinin de maviyi işaret ettiği #rrggbb üç bileşene bölünmüştür. Her karakterin iki katına çıkarılması gereken #rgb formunun kısaltılmış formunun kullanılmasına izin verilir. Bu nedenle #fe0 girişi #ffee00 olarak kabul edilmelidir.

isimle

Tarayıcılar bazı renkleri adlarına göre destekler. Masada. 1 adları, hex kodunu, RGB, HSL formatındaki değerleri ve açıklamayı gösterir.

RGB ile

Ondalık olarak kırmızı, yeşil ve mavi değerleri kullanarak bir renk tanımlayabilirsiniz. Üç renk bileşeninin her biri 0 ile 255 arasında bir değer alır. Rengi yüzde olarak ayarlamak da kabul edilebilir, %100 ise 255 sayısına karşılık gelir. Önce rgb anahtar sözcüğü belirtilir ve ardından renk bileşenleri belirlenir. virgülle ayrılmış parantez içinde belirtilir, örneğin rgb(255 , 128, 128) veya rgb(100%, 50%, 50%).

RGBA

RGBA biçimi, söz dizimi açısından RGB'ye benzer, ancak öğenin saydamlığını ayarlayan bir alfa kanalı içerir. 0 değeri tamamen saydamdır, 1 opaktır ve 0,5 gibi bir ara değer yarı saydamdır.

RGBA, CSS3'e eklenir, bu nedenle CSS kodunun doğrulanması bu sürüme göre yapılmalıdır. CSS3 standardının hala geliştirme aşamasında olduğunu ve bazı özelliklerin değişebileceğini belirtmek gerekir. Örneğin, arka plan rengi özelliğine eklenen bir RGB rengi doğrulamayı geçer, ancak arka plan özelliğine eklenen bir RGB rengi doğrulamayı geçmez. Aynı zamanda, tarayıcılar her iki özelliğin rengini de oldukça doğru bir şekilde anlar.

HSL

HSL formatının adı, Hue (ton), Doygunluk (doygunluk) ve Hafiflik (hafiflik) ilk harflerinin birleşiminden oluşur. Ton, renk çarkındaki (Şekil 1) renk değeridir ve derece olarak belirtilir. 0° kırmızı, 120° yeşil ve 240° mavidir. Ton değeri 0 ile 359 arasında değişebilir.

Pirinç. 1. Renk tekerleği

Doygunluk, bir rengin %0 ile %100 arasında bir yüzde olarak ölçülen yoğunluğudur. %0 değeri renk olmadığını ve gri gölgeyi belirtir, %100 maksimum doygunluk değeridir.

Açıklık, rengin ne kadar parlak olduğunu ayarlar ve %0 ile %100 arasında bir yüzde olarak belirtilir. Küçük değerler rengi daha koyu hale getirirken, yüksek değerler daha açık hale getirirken, %0 ve %100 aşırı değerler siyah beyaza karşılık gelir.

HSLA

HSLA biçimi, söz dizimi açısından HSL'ye benzer, ancak öğenin saydamlığını ayarlayan bir alfa kanalı içerir. 0 değeri tamamen saydamdır, 1 opaktır ve 0,5 gibi bir ara değer yarı saydamdır.

RGBA, HSL ve HSLA formatlarındaki renk değerleri CSS3'e eklenir, bu nedenle bu formatları kullanırken kodun sürüme göre geçerliliğini kontrol edin.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Uyarı

Sitede listelenen bir aslanı yakalamanın tüm yöntemleri teoriktir ve hesaplama yöntemlerine dayanmaktadır. Yazarlar, bunları kullanırken güvenliğinizi garanti etmez ve sonuç için herhangi bir sorumluluk kabul etmez. Unutma, aslan bir yırtıcı ve tehlikeli bir hayvandır!

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

Pirinç. 2. Web sayfasındaki renkler

CSS renk modülü, yazarların html öğelerinin renklerini ve opaklığını belirtmesine izin veren değerlerin yanı sıra color özelliğinin değerlerini detaylandırır.

renk özelliği

1. Öncelikli renkler: renk özelliği

Özellik, yazı tipi rengini çeşitli işleme sistemlerini kullanarak ayarlar. Özellik, öğenin metin içeriğinin rengini tanımlar. Ayrıca, renk değerlerini kabul eden diğer özellikler için olası bir dolaylı değer (currentColor) sağlamak için kullanılır.

Mülkiyet miras alınır.

2. Renk değerleri

2.1. Ana anahtar kelimeler

Ana anahtar kelimelerin listesi aşağıdaki değerleri içerir:

Renk adları büyük/küçük harfe duyarlı değildir.

Sözdizimi

Renk tonu;

2.2. Sayısal Renk Değerleri

2.2.1. RGB Model Renkleri

Onaltılık bir RGB değerinin formatı, hemen ardından üç veya altı onaltılık karakter gelen bir # işaretidir. Üç basamaklı RGB gösterimi #rgb, sıfır ekleyerek değil, basamakları kopyalayarak altı basamaklı #rrggbb biçimine dönüştürülür. Örneğin, #fb0 #ffbb00 olarak genişler. Bu, beyaz #ffffff'in #fff stenosunda belirtilebilmesini sağlar ve ekranın renk derinliğindeki tüm bağımlılıkları ortadan kaldırır.

İşlevsel gösterimde bir RGB değerinin formatı rgb'dir( ardından üç sayısal değerden oluşan virgülle ayrılmış bir liste (üç tamsayı değeri veya üç yüzde değeri) ve ardından bir karakter gelir). 255 tamsayı değeri, onaltılık gösterimde %100'e ve F veya FF'ye karşılık gelir:

rgb(255,255,255) = rgb(100%, 100%, 100%) = #FFF

Sayısal değerlerin etrafında boşluk karakterlerine izin verilir.

Web tasarımında rengi temsil etmenin birkaç yolu vardır.

HEX, renkleri taban 16'da temsil eden onaltılık bir sistemdir. Bu sistem için, dijital sayıyı 16'ya tamamlamak için 0'dan 9'a kadar Arapça ondalık basamaklar ve A'dan F'ye Latin harfleri kullanılır. Web tasarımı için, 16 ana (anahtar) renk , sözde onaltılık renk kodu #RRGGBB, burada her çift kendi renk payından sorumludur: RR - kırmızı, GG - yeşil ve BB - mavi. Her renk fraksiyonu 00 ile FF arasında değişir.

Web tasarımındaki diğer iki renk temsili: RGB(*,*,*) biçimindedir; burada rengin her bir "*" kısmı 0'dan 255'e kadar ondalık sayılarla ve İngilizce renk adlarıyla temsil edilir.

Renkli bir görüntü oluştururken asıl sorun, farklı bilgisayar, monitör ve tarayıcı türlerinde renklerin doğru şekilde çoğaltılmasıdır. Tarayıcı bir rengi doğru şekilde işleyemezse, birden çok rengi eşleştirir veya karıştırır. Ve bazen tamamen farklı bir renkle değiştirilebilir.

tablo 16 ana renk, tüm tarayıcılarda kullanılan

tablo Mor renkler ve gölgeler

tablo gri renkler ve gölgeler

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

• Hex, onaltılık gösterimde üç iki karakter değerinden oluşur. Örneğin: #ff00b3, burada ilk sayı çifti kırmızı, ikincisi yeşil ve üçüncüsü mavidir.
• RGB (RedGreenBlue), elde edilen renkte karşılık gelen tonun (kırmızı, yeşil, mavi) miktarını gösteren "200,100,255" formuna sahiptir.
• HSV (Ton, Doygunluk, Değer - ton, doygunluk, değer) - koordinatların 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 ayar ne kadar büyük olursa, renk o kadar "saf" olur, bu yüzden bu ayara bazen renk saflığı 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 0-100 veya 0-1 arasında da değişebilir.

Renk kodunu girin: GİT

İsimleri olan renklerin listesi

Tablo, tüm tarayıcılar tarafından desteklenen İngilizce renk adlarını (değer olarak kullanılabilen) ve bunların onaltılık değerlerini listeler. Listelenen tüm renkler "güvenli"dir, yani tüm tarayıcılarda aynı şekilde görüntülenecektir.