CSS mga katangian ng kulay. Mga code ng kulay

Ang isa sa mga kasangkapan upang baguhin ang mga estilo ng web page - CSS kulay. Mayroong ilang mga paraan upang baguhin ang setting na ito. Bawat isa ay may parehong pakinabang at disadvantages.

pangalan

Ang kulay ng ari-arian nagtatakda ang kulay ng item. 145 mga kakulay ng mga pamagat na kasama sa CSS. Kasama ng mga ito ay simple (tulad ng itim, asul) at kumplikadong (tulad ng matingkad na pula, lawngreen).

Dahil ang buong listahan ng mga mahirap na tandaan, ang pangalan ng style sheet ay ginagamit madalang.

RGB

Karamihan sa mga TV, smartphone, monitor gumana sa RGB color modelo. Iyon ay, anumang kulay ay maaaring itakda sa isang kumbinasyon ng mga pangunahing kulay, na kung saan ay pula, berde at asul. . Ang isang katulad na diskarte ay ginagamit sa parehong mga device, at sa CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Kulay ay pangunahing mga halaga komposisyon tumagal mula 0 hanggang 255. Ang isang bilang ng mga posibleng mga kulay ay katumbas ng 16,777,216.

Dahil ang RGB modelo ay direktang may kinalaman sa pisikal na batas ng kulay imaging, black ay tinukoy sa ganyang bagay bilang ang rgb (0, 0, 0), puti - rgb (255, 255, 255). RGBA sistema ng ganap na katulad ng RGB, na may karagdagan ng alpha channel. Ito ay nakakaapekto sa transparency, na kung saan humahalo sa background shade. Sa form na ito ng mga elemento ay mag-iiba ayon sa "substrate".

HSL

Upang maunawaan kung paano ang HLS system, kailangan mong magsumite ng isang kulay wheel. Sa gitna nito ay pula, pagkatapos ay (clockwise) ang lahat ng iba pang mga kulay ng bahaghari. цвета при помощи системы HLS требуется задать три параметра: Upang matukoy ang mga kulay sa CSS gamit ang HLS system ay nangangailangan ng tatlong mga parameter:

• hue (sa grado) - ang direksyon ng bilog center;
• saturation (porsyento) - kung magkano ang kulay na kailangan mo;
• liwanag (sa porsiyento).

Halimbawa, purple maaaring tinutukoy sa paraan: HSL (315, 100%, 45%). HSL ay pinaka-maginhawa para sa mga eksperimento. Pagkatapos ng pag-aaral ng kulay wheel, maaari mong habang nanonood ng stylesheet humigit-kumulang kumakatawan sa kung ano ang kulay set tukoy na mapagkukunan. HSLA - parehong HLS, lamang na may alpha: HSL (0, 100%, 50, 0.6) - pula, transparent bahagyang higit sa kalahati.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . Sa CSS, maaari mong itakda ang kulay gamit ang hexadecimal na representasyon, tulad ng kulay kahel na natutukoy sa pamamagitan ng FF4500 halaga #.

Para sa isang mas mahusay na-unawa sa kung ano ang hexadecimal na representasyon, dapat karagdagang isaalang-alang ang decimal system. Ito ay isang numero mula 0 hanggang 9. Kapag ang pangangailangan sa pagbibilang numero na mas malaki kaysa sa 9, ang isa bit ay idinagdag, at ito ay lumiliko 10, at pagkatapos ay 100, at iba pa. E. Ang lahat ng eksaktong pareho sa hexadecimal notation, ngunit sa loob nito matapos ang 9 ay A, pagkatapos ay B, at iba pa na F - katulad ng 15 sa decimal system. Pagkatapos ay idagdag ang isang digit, at ito ay lumiliko out 10 of 16 sa karaniwang mga tuntunin.

Tulad ng sa RGB, HEX kulay upang ipahiwatig sa kung ano ang sukat na gamitin pangunahing kulay. Sa kasong ito, sila ay hindi na pinaghihiwalay ng mga kuwit (color: # FFD500). Tuwing dalawang mga character tukuyin ang bilang ng mga pula, berde at asul.

CSS. Bilang isang panuntunan, HEX na sistema ay hindi na ginagamit sa panahon ng eksperimento, dahil ito ay imposible upang mahanap ang tamang kulay ng CSS. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Ang talahanayan sa ay maaaring makatulong sa bagay na ito, ngunit kung ikaw ay patuloy na sumangguni sa mga ito, ang trabaho ay maaantala. Hexadecimal na representasyon ay pinaka-maginhawa kapag ang template ay ililipat mula sa graphic editor. Ito ay lubhang mas madaling upang kopyahin mula sa mga ito lamang ng isang digit sa tatlong mga liko.

Aling paraan ay pinakamahusay na?

Dahil dito hindi namin maaaring sabihin ang anumang bagay kongkreto. Kung ang mga elemento ng interface na kailangan transparency, pumili sa pagitan ng RGBA at HSLA. Kung nais mong mag-eksperimento sa browser HLS kulay wheel ang magiging pinaka-maginhawa. Kung gumagamit ka ng isang palette o ilipat ang disenyo mula sa Photoshop, dapat ginusto CSS hexadecimal code ng kulay.