offf renk. Stillerdeki renk farklı şekillerde ayarlanabilir: onaltılık değere göre, ada göre, RGB, RGBA, HSL, HSLA formatında
CSS'deki renk kodları, renkleri belirtmek için kullanılır. Tipik olarak, bir öğenin ön planı (örneğin, metin, bağlantı rengi) veya bir öğenin arka planı (arka plan, blok rengi) için bir renk ayarlamak için renk kodları veya renk değerleri 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 paletiyle çalışırken tüm bilgisayarların renkleri doğru 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 |
Vlad Merjeviç
HTML'de renk iki yoldan biriyle belirtilir: onaltılık bir kod kullanılarak ve bazı renklerin adıyla. En yaygın kullanılan yöntem, en evrensel olan onaltılık sisteme dayanmaktadır.
Onaltılık renkler
HTML, renkleri belirtmek için onaltılık sayılar kullanı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. Masada. 6.1 ondalık ve onaltılık sayılar arasındaki yazışmayı gösterir.
Onaltılık sistemde 15'ten büyük sayılar iki sayının birleştirilmesiyle oluşturulur (Tablo 6.2). Ö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 diyez işareti # gelir, örneğin #aa69cc. Bu durumda durum fark etmez, bu nedenle #F0F0F0 veya #f0f0f0 yazılmasına izin verilir.
HTML'de kullanılan tipik bir renk aşağıdaki gibidir.
Burada web sayfasının arka plan rengi #FA8E47 olarak ayarlanmıştır. Bir sayının önündeki pound işareti # onaltılık olduğu anlamına gelir. İlk iki basamak (FA) rengin kırmızı bileşenini, üçüncü ila dördüncü basamaklar (8E) yeşil bileşeni ve son iki basamak (47) mavi bileşeni tanımlar. Sonuç bu renktir.
| FA | + | 8E | + | 47 | = | FA8E47 |
Üç rengin her biri - kırmızı, yeşil ve mavi - sonunda 256 ton oluşturan 00'dan FF'ye kadar değerler alabilir. Böylece toplam renk sayısı 256x256x256 = 16.777.216 kombinasyon olabilir. Kırmızı, yeşil ve mavi bileşenlere dayanan renk modeline RGB (kırmızı, yeşil, mavi; kırmızı, yeşil, mavi) denir. Bu model, üç bileşenin de eklenmesinin beyaz oluşturduğu katkı maddesidir (ekle - ekle).
Onaltılık renklerde gezinmeyi kolaylaştırmak için bazı kuralları dikkate alın.
- Renk bileşenlerinin değerleri aynıysa (örneğin: #D6D6D6), o zaman gri bir ton elde edilir. Sayı ne kadar büyük olursa, daha açık renk, değerler #000000'den (siyah) #FFFFFF'ye (beyaz) değişir.
- Kırmızı bileşen maksimum yapılırsa (FF) ve bileşenlerin geri kalanı sıfıra ayarlanırsa parlak kırmızı bir renk oluşur. #FF0000 değerine sahip renk, olası en kırmızı kırmızı tondur. durum benzer yeşil(#00FF00) ve mavi (#0000FF).
- Sarı(#FFFF00) kırmızı ile yeşilin karıştırılmasıyla elde edilir. Bu, ana renkleri (kırmızı, yeşil, mavi) ve tamamlayıcı veya tamamlayıcı renkleri sunan renk tekerleğinde (Şekil 6.1) açıkça görülmektedir. Bunlar sarı, cam göbeği ve menekşeyi (macenta olarak da adlandırılır) içerir. Genelde herhangi bir renk, yanındaki renkler karıştırılarak elde edilebilir. Böylece, mavi ve yeşil birleştirilerek cam göbeği (#00FFFF) elde edilir.
Pirinç. 6.1. Renk çemberi
Onaltılık değerlere dayalı renklerin ampirik olarak seçilmesi gerekmez. Bunun için Adobe Photoshop gibi farklı renk modelleri ile çalışabilen bir grafik düzenleyici uygundur. Şek. 6.2, bu programda bir renk seçmek için bir pencere gösterir, çizgi, mevcut rengin ortaya çıkan onaltılık değerini daire içine alır. Kopyalayıp kodunuza yapıştırabilirsiniz.
Pirinç. 6.2. Photoshop'ta renk seçici
Web Renkleri
Monitörün renk kalitesini 8 bit (256 renk) olarak ayarlarsanız, aynı renk farklı tarayıcılarda farklı şekilde görüntülenebilir. Bu, tarayıcı kendi paletiyle çalıştığında ve paletinde olmayan bir rengi gösteremediğinde grafiklerin işlenme şekliyle ilgilidir. Bu durumda, renk, verileni taklit eden diğer renklerin piksellerinin bir kombinasyonu ile değiştirilir. Rengin farklı tarayıcılarda aynı kalması için web renklerinden oluşan bir palet tanıtıldı. Web renkleri, her bileşeni için - kırmızı, yeşil ve mavi - altı değerden birinin ayarlandığı - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). Bu bileşenin onaltılık değeri parantez içinde belirtilmiştir. Tüm renklerin toplam sayısı olası kombinasyonlar 6x6x6 - 216 renk verir. Örnek bir web rengi #33FF66'dır.
Web renginin ana özelliği, tüm tarayıcılarda aynı şekilde görüntülenmesidir. İÇİNDE şu an monitörlerin kalitesindeki artış ve yeteneklerinin genişlemesi nedeniyle web renklerinin alaka düzeyi çok azdır.
İsme göre renkler
Bir sayı koleksiyonunu hatırlamamak için, bunun yerine yaygın olarak kullanılan renklerin adlarını kullanabilirsiniz. Masada. 6.3 popüler renk isimlerinin isimlerini gösterir.
| renk adı | Renk | Tanım | Onaltılık değer |
|---|---|---|---|
| siyah | Siyah | #000000 | |
| mavi | Mavi | #0000FF | |
| fuşya | Açık mor | #FF00FF | |
| gri | Koyu gri | #808080 | |
| yeşil | Yeşil | #008000 | |
| kireç | açık yeşil | #00FF00 | |
| bordo | Koyu Kırmızı | #800000 | |
| Donanma | Koyu mavi | #000080 | |
| zeytin | zeytin | #808000 | |
| mor | Koyu mor | #800080 | |
| kırmızı | Kırmızı | #FF0000 | |
| gümüş | açık gri | #C0C0C0 | |
| deniz mavisi | Mavi-yeşil | #008080 | |
| beyaz | Beyaz | #FFFFFF | |
| sarı | Sarı | #FFFF00 |
Rengi, adına göre veya onaltılık sayılar kullanarak nasıl belirttiğiniz önemli değildir. Etkilerinde, bu yöntemler eşittir. Örnek 6-1, bir web sayfasının arka plan ve metin renklerinin nasıl ayarlanacağını gösterir.
Örnek 6.1. Arka plan ve metin rengi
Örnek yazı
Bu örnekte, arka plan rengi etiketinin bgcolor özelliği kullanılarak ayarlanır.
ve text niteliği aracılığıyla metnin rengi. Çeşitlilik için, metin özniteliğinin değeri onaltılık bir sayıya ayarlanır ve bgcolor, ayrılmış teal anahtar sözcüğüne ayarlanır.Ne yazık ki, sitede tat duyumlarını görüntülemek henüz mümkün değil. Ancak bu, kullanılarak tamamen telafi edilebilir. renkler. Sonuçta, html renkleri milyonlarca gölgeden herhangi birini görüntülemenize izin verir. Bu yüzden " renkli kalemler” setinde yediden çok daha fazlası var.
html'de renk şeması
Html'de renk birkaç biçimde belirtilebilir:
1. Onaltılık değer olarak - onaltılık sistemde belirtilen kod kullanılır. Html'deki bu tür renk kodları, üç çift onaltılık sayıdan oluşur. Her çift, tonun ana rengiyle doygunluğundan sorumludur:
- İlk sayısal çift kırmızı renkten sorumludur;
- İkinci çift yeşil rengin içeriği içindir;
- İkincisi, mavi rengin içeriği içindir.
Kodun başına (sayılardan önce) bir kare işareti konur. Bu onaltılık renk kodudur. 1'den 9'a kadar olan sayılara ek olarak, bu sayı sistemi harfleri kullanır. Latin alfabesi(A, B, C, D, E, F).
Örneğin, kod Beyaz renk html'de #FFFFFF gibi görünecek:
2. Anahtar Kelime - Şu anda html yaklaşık 147 anahtar kelimeyi desteklemektedir. Ancak bu kelimelerin hepsi benzersiz değildir. Bazıları aynı renk tonuna atıfta bulunur.
Gri, iki anahtar sözcükle temsil edilir: gri ve gri. Onaltılık kodları (HEX ) aynı değerle verilir #808080 .
Örnek :
#808080
3. RGB formatında - html'deki bu renk kodlaması, 0 ile 255 arasında ayarlanmış üç değerin kullanımına dayanır. Her biri, ana renklerden biriyle tonun doygunluğunu belirler:
- R - kırmızı (kırmızı);
- G - yeşil (yeşil);
- B - mavi (mavi).
RGB formatında renk numarası şu şekilde yazılır: rgb(0, 210, 100).
arka plan rengi:rgb(100,186,43)
4. RGBA biçiminde - bu, dördüncü değerin rengin şeffaflığını 0'dan 1'e kadar ondalık kesir biçiminde belirttiği gelişmiş bir RGB biçimidir.
Kullanım örneği:
arka plan rengi:rgba(100,86,143,0,2)
arka plan rengi:rgba(100,86,143,0,5)
arka plan rengi:rgba(100,86,143,0,8)
arka plan rengi:rgba(100,86,143,1)
html renk tabloları ve renk üreteçleri
Bu kadar geniş bir renk ayarı formatı yelpazesi ile kafa karıştırmak kolaydır. Bu nedenle özel bir renk tablosu icat edildi. İçinde, renk tonlarının 147 anahtar adına karşılık gelen kodlar, renk gösterimi için tüm ana standartlarda verilmiştir. Ek olarak, her alan görsel renk eşleştirmesi için bir çubukla donatılmıştır. Bu tablolardan biri colorscheme.ru sitesinde sunulmaktadır:
Ancak böyle bir yazışma yapısının yardımıyla bile, istenen gölgenin seçimi zor olabilir. Ve renk kodu tablosunda doğru olanın olduğu da bir gerçek değil.
Bu engeli aşmak ve doğru rengi seçmeyi olabildiğince kolaylaştırmak için etkileşimli web hizmetleri geliştirilmiştir. Kullanıcı arayüzleri birbirinden biraz farklı olabilir.
html-color-codes.info sitesinde renk üreteci şöyle görünür:
Ve color-picker.appsmaster.co hizmetinde bu araç biraz farklı şekilde uygulanır:
Jeneratördeki her rengin doygunluğu, özel kaydırıcılar kullanılarak ayarlanır. Görsel olarak, renk tonu, sol taraftaki çerçeve ve dikdörtgenin rengiyle gösterilir. Altta 3 alan ana formatlardaki renk kodunu gösterir.
Ancak renk üreteci yalnızca özel sitelerde mevcut değildir. Hemen hemen tüm grafik editörleri benzer bir araçla donatılmıştır. Örneğin Photoshop'ta:
Renk Güvenliği
Ve çok uzun zaman önceydi, sadece 256 rengi destekleyen video kartları çağındaydı. O günlerde, işletim sistemleri yalnızca belirli sayıda sekiz bitlik gölgeleri bozulma olmadan görüntüleyebiliyordu.
Sonra çıkarıldı harika masa güvenli renkler O zamanın herhangi bir tarayıcısında bozulma olmadan görüntülenebilecek 216 renk tonu gösterdi. Ve bu güne kadar büyük el yazması» hala bazı kaynaklarda mevcuttur:
Bizim zamanımızda her şey değişti. Bu nedenle, html'de renkle çalışırken tüm güvenlik kuralları tamamen iptal edilir. Ne de olsa, modern bilgisayar donanımı 16 milyondan fazla farklı tonu destekler. Ve 216 güvenli renk unutulmaya yüz tuttu.
Bu veriler tamamen istatistiklerle desteklenmektedir. Buna göre, 2014 yılında kullanıcıların yalnızca %0,5'i yalnızca 256 gölgeyi destekleyen bilgisayarlara sahiptir.
Renk uyumunun temelleri
Hepimize doğal, uyumlu bir tat alma duygusu bahşedilmemiştir. Bu yüzden doğru seçim renkler gerçek bir meydan okuma olabilir. Ancak bilime övgüler olsun, renk uyumunu birkaç şema şeklinde tanımlamayı bile başardı. Hepsi renk tekerleğinin kullanımına dayanmaktadır. Html'deki renk eşleştirme şemaları:
- Paralel renk şeması - renk tekerleğindeki her iki ton da paralel olduğunda;
- Üçlü şema - üçgenin tüm köşelerinin merkezinde renklerden biri bulunur;
- Tek renkli - aynı rengin birkaç yakın tonu seçildiğinde;
- Analog - tek renkli şemanın daha gelişmiş bir versiyonu. Bu durumda aynı rengin tonları belli bir mesafede bulunmaktadır.
Tüm bu şemaların uygulanması, paletton.com hizmetinde iyi bir şekilde temsil edilmektedir. Uyumlu bir renk seçimini kolayca gerçekleştirmenizi sağlar.
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 Latin harfleriyle değiştirilir. 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 | Tanım |
|---|---|---|---|---|---|
| beyaz | #ffff veya #ffff | rgb(255,255,255) | hsl(0.0%,100%) | Beyaz | |
| gümüş | #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ı | |
| turuncu | #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 | |
| kireç | #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%) | Koyu mavi | |
| 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+ |
HSL formatının adı, 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.
RGBA, HSL ve HSLA formatlarındaki renk değerleri CSS3'e eklenir, bu nedenle bu formatları kullanırken kodun sürümle 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 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
minecraft kodları renkler veya Minecraft kodlar biçimlendirme, herhangi bir oyuncunun Minecraft'ta mümkün olan her şekilde çiçek eklemesine ve metni biçimlendirmesine izin verin. Renk kodları &0-9'dan &a-f'ye. Bunları metninizden önce ekleyin. Oyunculardan gelen mesajlar, cümlelerinize renk katabilmenizi sağlayan renk kodları içerebilir.
Renkler ve biçimlendirme kodları
İletilerde bir ve işareti (&) ve ardından onaltılık bir sayı istemciye metni görüntülerken renkleri değiştirmesini bildirir. Alternatif olarak, metin & karakteri ve ardından bir harf kullanılarak biçimlendirilebilir. Ekleyebilirsin çeşitli renkler kitaplarda komut blokları, sunucu adı, sunucu açıklaması (motd), dünyaların adına, işaretlere ve hatta oyuncuların adlarına kadar.
Aşağıdaki renk tablosunu kullanarak yapılandırmalarda veya oyun içinde metninizi biçimlendirmek çok kolaydır. &r tüm kodları silmek için kullanılır, örn. &mAAA&rBBB, AAA BBB olarak görüntülenecektir.
Size kolaylık sağlamak için Minecraft'ta mevcut renk kodlarının bir tablosunu sunuyoruz:
| kod | İsim | teknik isim | Sembol rengi | Sembol gölge rengi | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
| R | G | B | altıgen | R | G | B | altıgen | |||
| &0 | Siyah | siyah | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
| &1 | Koyu mavi | koyu mavi | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
| &2 | koyu yeşil | koyu yeşil | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
| &3 | Koyu mavi-yeşil | dark_aqua | 0 | 170 | 170 | 00AAAA | 0 | 42 | 42 | 002A2A |
| &4 | Koyu Kırmızı | koyu Kırmızı | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
| &5 | Koyu mor | koyu mor | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
| &6 | Altın | altın | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
| &7 | Gri | gri | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
| &8 | Koyu gri | koyu gri | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
| &9 | Mavi | mavi | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
| &A | Yeşil | yeşil | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
| &B | Mavi-yeşil | su | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
| &C | Kırmızı | kırmızı | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
| &D | Açık mor | açık mor | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
| & e | Sarı | sarı | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
| &F | Beyaz | beyaz | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Bazen gerekli altını çiz, altını çiz, vurgulamak Bazı metin. Bunun için metin biçimlendirmesi kullanılır. Renklerle aynı şekilde kullanılır (koyduğumuz metinden önce) kod, örneğin &lMinecraft= Minecraft.
Size kolaylık sağlamak için, biçimlendirme için bir kod tablosu aşağıdadır:
| kod | İsim |
|---|---|
| &k | sihirli metin |
| &l | küçük resim |
| &M | üstü çizili metin |
| &N | Altı çizili metin |
| &Ö | italik metin |
| &R | Biçimlendirmesiz metin |