Fıstık rengi html kodu. Minecraft'ta renk kodları
>>Renk Yönetimi
Onaltılık RGB renk değerleri
Renkleri tanımlama ve işleme yöntemleri, amaçlanan nihai temsil açısından birbirinden farklıdır. Örneğin, baskı ve bilgisayar monitörleri için renk temsillerini karşılaştıralım. İlk durumda, temel beyazüç ana rengin daha sonra uygulandığı kağıdın rengi: mavi, mor ve sarı. Birbirine ve kağıdın beyaz rengine farklı oranlarda karışan bu üç ana renk, saf siyah dışında veya verdikleri renklerin yokluğunda farklı renk tonları verir. Beyaz renk kağıt. Onlara siyah eklersek, CMYK- beyazdan eksik renklerin çıkarılmasıyla istenilen renk elde edildiğinde rengi aktarmanın bir yolu.
İkinci durumda, temel siyah her hücresi üç renkten birinde parlayan monitör ekranının rengi: kırmızı-kırmızı, Yeşil-yeşil ve mavi-mavi. Ardından, herhangi bir parlamanın tamamen yokluğunda, ekranın saf siyah rengini elde ederiz ve gerekli renklerden herhangi biri, üç rengin her birinin oranına göre verilir. bu durumda alacağız RGB- Renk aktarma yöntemi. Birincil renkler anlamlara sahip olabilir 0
önceki 255
veya dan 0%
önceki 100%
veya onaltılık bir değer olarak gösterilebilir. Aşağıdaki şekilde ana renkleri karıştırmanın sonuçlarını görebilirsiniz.
Onaltılık sayı sistemi, ondalık sayı sisteminden farklı olarak, basamak dizisinde on basamak değil, on altı basamak vardır - bu nedenle adı. Buna göre, iki basamaklı kombinasyonların tekrarlanmayan varyantları yalnızca - olabilir - 256 , sonra basamak dizisine devam etmek için 9 gelen mektuplar Aönceki F, böylece satır şöyle görünecek -
| 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Bu durumda renk, her biri iki rakamdan oluşan üç onaltılık sayı ile verilir. İlk sayı yoğunluğu belirler kırmızı renkler, ortalama Yeşil, son şey- mavi renkler. Tüm sayılar arasında değişen değerler alabilir 00 önceki FF(0'dan 255'e). Örneğin: yeşil renk olarak verildi #00FF00, kırmızı gibi #FF0000, mavi gibi #0000FF, beyaz gibi #FFFFFF, tam yokluk renkler veya siyah olarak verilir #000000 .
Aşağıdaki formda, üç rengin her biri için herhangi bir onaltılık değer ayarlayabilir ve çıktı alanına tıklayarak karışımlarının sonucunu görebilirsiniz.
Bazı onaltılık RGB renk değerlerine örnekler: kırmızı, mavi ve yeşil tonlamalar.
| görüş | kod | görüş | kod | görüş | kod | görüş | kod | görüş | kod | görüş | kod |
| #010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
| #100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
| #200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
| #300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
| #400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
| #500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
| #600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
| #700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Dize Sabit Değerleriyle Renk Belirtme
Kullanım kolaylığı için bazı renklere ve bunların kombinasyonlarına tüm tarayıcılar tarafından tanınan adlar verildi ve birçoğunu ada göre ayarlamak mümkün hale geldi. Aşağıdaki tabloda bazı renk adları gösterilmektedir:
| görüş | isim | görüş | isim | görüş | isim | görüş | isim |
| Beyaz | Kırmızı | Turuncu | Sarı | ||||
| Yeşil | Mavi | Mor | Siyah | ||||
| Alice Mavi | Antik Beyaz | su | akuamarin | ||||
| gök mavisi | Bej | Bisküvi | beyazlatılmış badem | ||||
| Mavi menekşe | Kahverengi | Burlywood | Cadetblue | ||||
| chartreuse | Çikolata | Mercan | Peygamber Çiçeği mavisi | ||||
| Mısır püskülü | kızıl | mavi | koyu mavi | ||||
| koyu camgöbeği | karanlık altın çubuk | koyu gri | koyu yeşil | ||||
| koyu haki | karamagenta | Darkolivegreen | koyu turuncu | ||||
| Kara orkide | koyu Kırmızı | kara somon | koyu deniz yeşili | ||||
| koyu mavi | koyu gri | koyu turkuaz | Koyu mor | ||||
| Derin pembe | derin gök mavisi | Dimgray | kaçan mavi | ||||
| ateş tuğlası | çiçekli beyaz | Orman yeşili | Fuşya | ||||
| Gainsboro | hayalet beyaz | Altın | Altın Başak | ||||
| Gri | Yeşil sarı | Şeker kavunu | sıcak pembe | ||||
| Hint kırmızısı | indigo | Fildişi | Haki | ||||
| Lavanta | lavanta rengi | limonşifon | açık mavi | ||||
| açık mercan | açık cam göbeği | hafif soğuk çubuk sarısı | açık yeşil | ||||
| açık gri | Açık pembe | hafif somon | açık deniz yeşili | ||||
| Açık gök mavisi | açık gri | hafif çelik mavi | açık sarı | ||||
| Misket Limonu | Limon yeşili | keten | eflatun | ||||
| bordo | orta akuamarin | orta mavi | orta orkide | ||||
| orta mor | Orta deniz yeşili | orta kayrak mavisi | Orta bahar yeşili | ||||
| orta turkuaz | orta mor kırmızı | gece yarısı mavisi | nane kreması | ||||
| puslu gül | Navajobeyaz | Donanma | eski dantel | ||||
| zeytin | zeytinyağlısı | turuncu kırmızı | Orkide | ||||
| soluk altın çubuk | Soluk yeşil | paleturkuaz | soluk kırmızı | ||||
| Papaya kırbacı | Şeftali | Peru | Pembe | ||||
| Erik | Toz mavi | pembe kahverengi | Kraliyet mavisi | ||||
| saddlebrown | Deniz yeşili | deniz kabuğu | sienna | ||||
| Gümüş rengi | gökyüzü mavi | kayrak mavisi | kayrak grisi | ||||
| Kar | İlkbahar yesili | çelik mavisi | Bronzlaşmak | ||||
| deniz mavisi | devedikeni | Domates | Turkuaz | ||||
| menekşe | Buğday | Beyaz duman | sarı yeşil |
Güvenli Renk Seçici Kullanma
Ne yazık ki, farklı platformlarda, farklı sistem ayarlarıyla, doğru iletim renkler sorun. Mesele şu ki, tarayıcı her zaman belgenin renk paletini, renkleri kendi başına karıştırarak ve değiştirerek sistem ayarlarına ve monitör özelliklerine göre ayarlamaya çalışır. Sonuç olarak, bazen kullanıcı web yöneticisinin ona göstermek istediğini tam olarak göremez. Bu durumdan çıkış yolu, farklı platformlardaki tüm tarayıcılar tarafından her rengin aynı şekilde işlenmesi garanti edilen bir palet kullanımında bulundu. Bu sözde garantili palet olarak da bilinir güvenli palet. Bu palet, renk bileşenleri aşağıdaki değerleri alan renkleri içerir: 00 ,33 ,66 ,99 , CC,FF, mümkün olan her şekilde 216 onların kombinasyonları.
| görüş | kod | görüş | kod | görüş | kod | görüş | kod | görüş | kod | görüş | kod |
| FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
| CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
| CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
| 99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
| CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
| 66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
| 33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
| CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
| 99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
| 66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
| 66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
| 99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
| CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
| 99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
| 66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
| 99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
| 0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
| 6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
| 3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
| 9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
| CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
| 9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
| CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
| CC66FF | CC33FF | CC00FF | 9900cc | 996699 | 660066 | ||||||
| CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
| FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
| FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
| FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
| FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
| CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
| FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
| FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
| FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
| FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
| FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
CSS'deki renk kodları, renkleri belirtmek için kullanılır. Tipik olarak, renk kodları veya renk değerleri bir öğenin ön planının (örneğin, metnin rengi, bağlantılar) veya bir öğenin arka planının (arka planın rengi, blok) rengini ayarlamak için kullanılır. Düğme rengini, kenarlıkları, işaretçiyi, vurgulu ve diğer dekoratif efektleri değiştirmek için de kullanılabilirler.
Renk değerlerinizi çeşitli formatlarda ayarlayabilirsiniz. Aşağıdaki tabloda olası tüm biçimler listelenmektedir:
Bu biçimler aşağıda daha ayrıntılı olarak açıklanmaktadır.
CSS Renkleri - Hex Kodları
Onaltılık renk kodu altı basamaklı renkli bir gösterimdir. İlk iki hane (RR) kırmızı değerdir, sonraki ikisi yeşil değer(GG) ve ikincisi mavi değerdir (BB).
CSS Renkleri - Kısa Hex Kodları
Kısa onaltılık renk kodu altı karakterli gösterimin daha kısa bir biçimidir. Bu formatta, eşdeğer altı basamaklı renk değerini üretmek için her basamak tekrarlanır. Örneğin: #0F0, #00FF00 olur.
Onaltılık değer herhangi bir grafikten alınabilir. yazılım Adobe Photoshop, Core Draw vb.
CSS'deki her onaltılık renk kodundan önce bir "#" karma işareti gelir. Aşağıdakiler, onaltılık gösterimin kullanımına ilişkin örneklerdir.
CSS Renkleri - RGB Değerleri
RGB değeri rgb() özelliği kullanılarak ayarlanan bir renk kodudur. Bu özellik üç değer alır: kırmızı, yeşil ve mavi için birer tane. Değer, 0 ile 255 arasında bir tam sayı veya bir yüzde olabilir.
Not: Tüm tarayıcılar rgb() color özelliğini desteklemez, bu nedenle kullanılması önerilmez.
Aşağıda, RGB değerlerini kullanan birden çok rengi gösteren bir örnek verilmiştir.
Renk kodu üreteci
Hizmetimizle milyonlarca renk kodu oluşturabilirsiniz.
Güvenli Tarayıcı Renkleri
Aşağıda en güvenli ve bilgisayardan bağımsız olan 216 renkten oluşan bir tablo bulunmaktadır. CSS'deki bu renkler 000000 ila FFFFFF hex kodu arasında değişir. 256 renk paleti ile çalışırken tüm bilgisayarların renkleri doğru şekilde göstermesini sağladıklarından kullanımları güvenlidir.
| CSS'de "güvenli" renkler tablosu | |||||
| #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
| #003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
| #006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
| #009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
| #00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
| #00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
| #330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
| #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | Sayfa #33 | Sayfa #33 |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | Sayfa #33 | Sayfa #33 |
| #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
| #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
| #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #66CC00 | Sayfa #66CC33 | #66CC66 | #66CC99 | Sayfa #66 | Sayfa #66 |
| #66FF00 | Sayfa #66 | Sayfa #66 | Sayfa #66 | Sayfa #66 | Sayfa #66 |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
| #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
| #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
| #999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
| #99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | Sayfa #99 |
| #99FF00 | #99FF33 | #99FF66 | Sayfa #99 | Sayfa #99 | Sayfa #99 |
| #CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
| #CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
| #CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
| #CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
| #CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
| #CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
| #FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
| #FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
| #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
| #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
| #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
| #FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
Bildiğiniz gibi renk, bir kişinin durumunu etkileyebilir: hem zihinsel hem de fiziksel. Her gün internette gezinirken gözler milyonlarca rengi ve gölgeyi değerlendirir. Renk psikolojisine aşina bir web tasarımcısı, herhangi bir hedefe ulaşmak için ziyaretçinin ruh halini kontrol edebilir.
Bunun nedeni, bazı tonların yatıştırması ve bazılarının ise tam tersine heyecanlandırmasıdır. Ardından, bilgisayar teknolojisi kullanılarak rengin nasıl sentezlendiği ve gösterildiği hakkında konuşacağız.
RGB, üç ana bileşeni çeşitli oranlarda karıştırarak tüm renkleri ve gölgelerini elde etme yöntemini temsil eden bir renk modelidir:
- Kırmızı renk ( Kırmızı);
- yeşil renk ( Yeşil);
- Mavi renk ( Mavi).
RGB'nin kısaltılmış adı buradan gelir. Bu renklerin ana renkler olarak seçilmesinin bir nedeni vardır: nedeni retinanın fizyolojisidir. insan gözü ve onları nasıl algıladığı:
RGB modeli günümüzde en popüler olmaya devam ediyor ve TV ekranlarında ve bilgisayar monitörlerinde renkleri yeniden üretmek için kullanılıyor. Üreticiler ürünlerine farklı özellikler kazandırdıkları için 1996 yılında tek sistem tarafından ortaklaşa çalışılan sRGB adı verilen RGB'ye dayalı bir renk sentezi Microsoft ve HP.
Sayısal renk gösterimi
Daha önce de belirtildiği gibi, RGB renkleri ana renklerin karıştırılmasıyla oluşturulur. Her birinin yoğunluğunu tanımlamak için, rengin onaltılık olarak 00-FF'ye karşılık gelen 0-255 (8 bit) aralığı ile temsil edildiği bir şema benimsenmiştir.
Yani, ana renkler şöyle görünecektir:
- Kırmızı - RGB (255.0.0);
- Yeşil - RGB (0.255.0);
- Mavi - RGB (0.0.255);
Renk yoğunluğu 255'in altında değerler alırsa, kırmızı, yeşil ve mavinin çeşitli tonları elde edilir. Aşağıda, tonlamalarının bir tablosu ve her bir gölgenin onaltılık değerleri verilmiştir:
RGB Renk Tabloları
Doğal olarak, ana renklerin tonlamalarına ek olarak, karışık olanlar da vardır ve sayıları oldukça fazladır. Bu nedenle, mevcut tüm gölgelerin yanı sıra adlarının ve sayısal temsillerinin sunulduğu bir RGB renkleri tablosu oluşturuldu ( ondalık ve onaltılık biçimde).
Onu burada tanıyabilirsin. Bu tablo, web tasarımcılarının hayatını büyük ölçüde kolaylaştırır, çünkü birkaç saniye içinde istediğiniz gölgeyi bulabilir ve sayısal temsilini öğrenebilirsiniz.
Güvenli RGB renk paleti
Bununla birlikte, bir noktada renkleri farklı tarayıcılarda görüntüleme sorunu vardı ve bunu çözmek için, matematiksel hesaplamalarla türetilen sözde "güvenli" RGB renk paleti derlendi.
Tarayıcı bir rengi doğru görüntüleyemediğinde, komşu renkleri karıştırarak ihtiyaç duyduğu şeye yaklaşmaya çalışır ve büyük olasılıkla sonuç tamamen kabul edilemez olacaktır:
Bir web geliştiricisi, bu paletteki RGB renk kodlarını kullanarak, farklı tarayıcılar, platformlar ve monitörler kullanılarak sitelerinin sayfalarında renkleri görüntüleme konusunda gönül rahatlığı yaşayabilir. olmasına rağmen şu an güvenli renkler tablosu alaka düzeyini kaybeder ( teknolojik ilerleme durmuyor), kullanırken dedikleri gibi huzur içinde uyuyabilirsiniz.
RGB modelinde altın rengi
İlk kez, XIV yüzyılın başında rengi tanımlamak için "altın" kelimesi kullanıldı. kimyasal element Aurum - altın denir. RGB modelinde altın rengi aşağıdaki sayısal değerlerle temsil edilir:
- RGB (255, 215, 0) - ondalık sistem;
- HEX #FFD700 - onaltılık sistem.
RGB modelinde bej renk
Bej, en etkileyici olmasa da tarihte oldukça önemli bir yere sahiptir. Pek çok kültürel anıt, özellikle antik heykeller, bej tonu olan steatit ve sabuntaşından yapılmıştır. RGB modelinde, bej aşağıdaki sayısal temsillere sahiptir:
- RGB (245, 245, 220) - ondalık sistem;
- HEX #F5F5DC - onaltılık sistem.
Günümüzde, özellikle World Wide Web'de bu kadar "sıkıcı" bir renk bulmak nadirdir. Geliştiriciler, parlak renkler kullanarak akılda kalıcı tasarımı tercih eder. Teknik ilerleme monitörlerde çok sayıda rengin görüntülenmesini mümkün kılarak resmi daha gerçekçi hale getirir.
İyi kötü
Renkleri belirtmek için onaltılık sayılar kullanılır. Onaltılık sistem, onluk 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 değiştirilir latin harfleriyle. Onaltılık sistemde 15'ten büyük sayılar, iki sayının bir sayı olarak birleştirilmesiyle oluşturulur. Örneğin, ondalık sistemdeki 255 sayısı, onaltılık sistemdeki FF sayısına karşılık gelir. Sayı sisteminin tanımında karışıklığı önlemek için, onaltılık sayıdan önce # hash sembolü gelir, örneğin #666999. Üç rengin her biri - kırmızı, yeşil ve mavi - 00'dan FF'ye kadar değerler alabilir. Böylece, rengin tanımı üç bileşene ayrılır #rrggbb, burada ilk iki karakter rengin kırmızı bileşenini, ortadaki iki karakter yeşili ve son iki karakter maviyi işaretler. Her karakterin ikiye katlanması gereken kısaltılmış #rgb formunun kullanılmasına izin verilir. Bu nedenle, #fe0 girişi #ffee00 olarak kabul edilmelidir.
isimle
| internet gezgini | Krom | Opera | safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Tarayıcılar bazı renkleri ada göre destekler. Masada. 1 adları, hex kodunu, RGB, HSL formatındaki değerleri ve açıklamayı gösterir.
| İsim | Renk | kod | RGB | HSL | Açıklama |
|---|---|---|---|---|---|
| beyaz | #ffff veya #ffff | rgb(255,255,255) | hsl(0.0%,100%) | Beyaz | |
| gümüş rengi | #c0c0c0 | rgb(192,192,192) | hsl(0.0%,75%) | Gri | |
| gri | #808080 | rgb(128,128,128) | hsl(0.0%,50%) | Koyu gri | |
| siyah | #000000 veya #000 | rgb(0,0,0) | hsl(0,0%,0%) | Siyah | |
| bordo | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Koyu Kırmızı | |
| kırmızı | #ff0000 veya #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Kırmızı | |
| Portakal | #ffa500 | rgb(255,165,0) | hsl(38,8,100%,50%) | Turuncu | |
| sarı | #ffff00 veya #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Sarı | |
| zeytin | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | zeytin | |
| Misket Limonu | #00ff00 veya #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | açık yeşil | |
| Yeşil | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Yeşil | |
| su | #00ffff veya #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Mavi | |
| mavi | #0000ff veya #00f | rgb(0,0,255) | hsl(240,100%,50%) | Mavi | |
| Donanma | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | lacivert | |
| deniz mavisi | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Mavi-yeşil | |
| fuşya | #ff00ff veya #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Pembe | |
| mor | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Menekşe |
RGB ile
| internet gezgini | Krom | Opera | safari | Firefox | Android | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Kırmızı, yeşil ve mavi değerlerini ondalık olarak kullanarak bir renk tanımlayabilirsiniz. Üç renk bileşeninin her biri 0 ile 255 arasında bir değer alır. Rengin yüzde olarak ayarlanması da kabul edilebilirken %100, 255 sayısına karşılık gelir. anahtar kelime rgb ve ardından parantez içinde, virgülle ayırarak renk bileşenlerini belirtin; örneğin, rgb(255, 128, 128) veya rgb(100%, 50%, 50%).
RGBA
| internet gezgini | Krom | Opera | safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBA formatı, sözdiziminde RGB'ye benzer, ancak öğenin şeffaflığı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ğrulaması bu sürüme göre yapılmalıdır. CSS3 standardının hala geliştirilme aşamasında olduğunu ve bazı özelliklerinin 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 renk doğrulamadan geçer. Aynı zamanda, tarayıcılar her iki özellik için de rengi oldukça doğru bir şekilde anlar.
HSL
| internet gezgini | Krom | Opera | safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
İsim HSL formatı Hue (hue), Saturate (doygunluk) ve Lightness (hafiflik) baş harflerinin birleşiminden oluşur. Ton, renk çarkındaki renk değeridir (Şek. 1) ve derece olarak belirtilir. 0° kırmızı, 120° yeşil ve 240° mavidir. Ton değeri 0 ila 359 arasında değişebilir.
Pirinç. 1. Renk çarkı
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 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, yüksek değerler ise daha açık yapar, %0 ve %100 gibi uç değerler siyah beyaza karşılık gelir.
HSLA
| internet gezgini | Krom | Opera | safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLA formatı, sözdiziminde HSL'ye benzer, ancak öğenin şeffaflığı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.
Renk değerleri RGBA formatları, HSL ve HSLA CSS3'e eklenir, bu nedenle bu biçimleri kullanırken, sürümle karşılaştırıldığında kodun geçerliliğini kontrol edin.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Bir uyarı
Sitede listelenen tüm aslan yakalama 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. Unutmayın, aslan bir avcı ve tehlikeli bir hayvandır!
Sonuç bu örnekŞek. 2.
Pirinç. 2. Web sayfasındaki renkler