CSS rəng xassələri. rəng kodları

vasitələrdən biri web page üslub dəyişdirmək üçün - CSS rəng. Bu ayarı dəyişdirmək üçün bir neçə yolu var. Hər üstünlükləri və mənfi cəhətləri də var.

ad

rəng əmlak maddə rəng edir. adları 145 çalarları CSS daxildir. Onların arasında (məsələn, allıq, lawngreen kimi) və mürəkkəb (qara, mavi kimi) sadə var.

ağır bütün siyahısı xatırlamaq Çünki stil adı nadir hallarda istifadə olunur.

RGB

TV çoxu, smartfonlar, nəzarət RGB rəng model ilə işləmək. Bu hər hansı bir rəng, qırmızı, yaşıl və mavi əsas rəng birləşməsi üçün müəyyən edilə bilər. . Oxşar yanaşma həm cihazlar istifadə və CSS edir. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Colors mümkün rəng bir sıra 16777216 bərabərdir 0-dan 255 əsas tərkibi Anlık dəyərlərdir.

RGB (255, 255, 255) - RGB model birbaşa rəng views fiziki qanunlara bağlı olduğundan, qara RGB (0, 0, 0), ağ kimi orada müəyyən edilir. alfa kanal əlavə, RGB tamamilə oxşar RGBA sistemi. Bu background kölgə ilə qarışır şəffaflıq təsir göstərir. element bu formada "döşənəyi" görə dəyişir.

HSL

Bir rəngi təkəri təqdim etmək lazımdır nə HLS sistemi anlamaq üçün. Onun mərkəzində göy qurşağı qırmızı, sonra (saat yönünde) bütün digər rəng deyil. цвета при помощи системы HLS требуется задать три параметра: HLS sistemi istifadə edərək, CSS rəng müəyyən etmək üç parametrləri tələb edir:

• (Dərəcə) hue - dairə mərkəzi istiqaməti;
• doyma (faizlə) - nə qədər rəng lazımdır;
• (Faizlə) parlaqlıq.

Məsələn, bənövşəyi, belə bir şəkildə müəyyən edilə bilər: HSL (315, 100%, 45%). HSL eksperimentlər üçün ən rahat edir. təhsil sonra rəngi təkəri, siz stil təxminən xüsusi element müəyyən nə rəng təmsil seyr bilər. HSLA - Eyni HLS yalnız alfa ilə: HSL (0, 100%, 50, 0,6) - qırmızı, şəffaf bir az daha yarıdan çoxu.

hEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . CSS, belə dəyər # FF4500 tərəfindən müəyyən portağal kimi, hexadecimal nümayəndəlik istifadə edərək rəng bilərsiniz.

nə hexadecimal nümayəndəliyi daha yaxşı anlaşılması üçün, daha onluq sistemi nəzərə alınmalıdır. Bu 0 sayı daha çox 9 hesablanması ehtiyac bir az əlavə olunur 9-dan bir sıra və bu A 9 sonra, sonra 100 10 çevrilir və hexadecimal notation s. E. Bütün eyni, lakin sonra B, və F üçün - dən sistemində 15 kimi eyni. Sonra bir rəqəmli əlavə və adi baxımından 16 10 çıxır.

RGB kimi, hex rəng əsas rəng istifadə etmək üçün nə nisbətdə göstərir. (# FFD500 rəng) Bu halda, onlar virgülle ayrılmış deyil. Hər iki simvol qırmızı, yaşıl və mavi sayı daxil.

CSS. Bir qayda olaraq, HEX sistem doğru CSS rəng tapmaq mümkün deyil bəri, təcrübələr zamanı istifadə olunur. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. masa bu məsələdə kömək edə bilər, lakin siz daim müraciət əgər, iş təxirə olunacaq. Şablon qrafik redaktoru transfer zaman Hexadecimal təmsil ən rahatdır. Bu yalnız bir rəqəmli üç növbə çox surəti çox asandır.

Hansı yol ən yaxşı?

bu hesab biz bir şey konkret deyə bilmərəm. interfeys elementləri şəffaflıq ehtiyac varsa, RGBA və HSLA arasında seçin. Siz browser HLS rəngi təkəri cəhd etmək istəyirsinizsə ən rahat olacaq. Bir palitrası istifadə və ya Photoshop dizayn transfer varsa, CSS hexadecimal rəng kodları üstünlük olmalıdır.