CSS kleur eienskappe. kleurkodes

Een van die instrumente om die webblad style verander - CSS kleur. Daar is verskeie maniere om hierdie instelling te verander. Elkeen het beide voor- en nadele.

naam

Die kleur eiendom stel die kleur van die item. 145 skakerings van titels ingesluit in die CSS. Onder hulle is daar eenvoudig (soos swart, blou) en komplekse (soos purper, dit lawngreen).

Want die hele lys van moeilik om te onthou, is die naam van die stylblad selde gebruik.

RGB

Die meeste van die TV's, slimfone, monitors werk met RGB kleur model. Dit is, 'n kleur kan ingestel word om 'n kombinasie van primêre kleure, wat rooi, groen en blou is. . 'N Soortgelyke benadering word gebruik in beide toestelle, en in die CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Kleure is basiese samestelling neem waardes van 0 tot 255. 'n Aantal moontlike kleure is gelyk aan 16.777.216.

Sedert die RGB model direk verband hou met die fisiese wette van kleur beelding, is swart daarin vermeld as die rgb (0, 0, 0), wit - rgb (255, 255, 255). RGBA stelsel heeltemal soortgelyk aan RGB, met die toevoeging van die alfa-kanaal. Dit raak die deursigtigheid, wat versnitte met die agtergrond kleur. In hierdie vorm van die element sal wissel na gelang van die "ondergrond".

HSL

Om te verstaan hoe die HLS stelsel, moet jy 'n kleurwiel in te dien. In die middel is rooi, dan (kloksgewys) al die ander kleure van die reënboog. цвета при помощи системы HLS требуется задать три параметра: Om die kleure in die CSS met behulp van die HLS stelsel bepaal verg drie parameters:

• kleur (in grade) - die rigting van die sirkel met middelpunt;
• versadigingspunt (persentasie) - hoeveel kleur wat jy nodig het;
• helderheid (in persent).

Byvoorbeeld, kan pers bepaal in so 'n manier: HSL (315, 100%, 45%). HSL is mees geskikte vir eksperimente. Na bestudering van die kleurwiel, kan jy terwyl jy die style rofweg verteenwoordig watter kleur stel spesifieke element. HSLA - dieselfde HLS, net met alfa: HSL (0, 100%, 50, 0.6) - rooi, deursigtige effens meer as die helfte.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . In CSS, kan jy die kleur te stel met behulp van die heksadesimale voorstelling, soos oranje bepaal deur die waarde # FF4500.

Vir 'n beter begrip van wat die heksadesimale voorstelling, moet verder oorweeg die desimale stelsel. Dit is 'n aantal van 0 tot 9. Wanneer die behoefte in die tel nommer groter as 9, 'n bietjie bygevoeg word, en dit blyk 10, dan 100, en so aan. E. Al presies dieselfde in hexadecimale notasie, maar in dit na 9 is A, dan B, en so aan tot F - dieselfde as 15 in die desimale stelsel. voeg dan een syfer, en dit blyk dat 10 van 16 in die gewone terme.

Soos in RGB, hex kleure aan te dui in watter verhoudings te primêre kleure te gebruik. In hierdie geval, is dit nie geskei deur kommas (kleur: # FFD500). Elke twee karakters spesifiseer die aantal rooi, groen en blou.

CSS. As 'n reël, is HEX stelsel nie gebruik word tydens die eksperimente, want dit is onmoontlik om die regte CSS kleur te vind. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Die tabel kan help in hierdie saak nie, maar as jy voortdurend verwys na dit, sal die werk vertraag. Heksadesimale voorstelling is mees geskikte wanneer die sjabloon is oorgedra vanaf die grafiese redakteur. Dit is baie makliker om te kopieer daaruit net een syfer as drie beurte.

Watter manier is die beste?

Op hierdie rekening kan ons nie sê enigiets beton. As die elemente van die koppelvlak deursigtigheid nodig, kies tussen RGBA en HSLA. As jy wil om te eksperimenteer in die leser HLS kleurwiel sal die mees geskikte wees. As jy met behulp van 'n palet of die ontwerp te dra van Photoshop, moet CSS heksadesimale kleur kodes verkies.