CSS kleur eigenskippen. kleur koades

Ien fan 'e ark te wizigjen it web page stilen - CSS kleur. Der binne ferskate manieren om te wizigjen dizze ynstelling. Elk hat sawol foar- en neidielen.

namme

De kleur eigendom bepaalt de kleur fan it item. 145 tinten titels opnaam yn de CSS. Under harren binne der ienfâldige (lykas swarte, blau) en kompleks (lykas crimson, lawngreen).

Omdat de hiele list fan hurd te ûnthâlden, de namme fan 'e stylblêd wurde brûkt komselden.

RGB

It grutste part fan 'e TV, snoadfoans, monitors wurkje mei RGB kleur model. Dat is, eltse kleur kin wurde ynsteld op in kombinaasje fan primêre kleuren, dy't binne read, grien en blau. . In soartgelikense oanpak wurdt brûkt yn beide apparaten, en yn 'e CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Kleuren binne basis gearstalling take wearden fan 0 oant 255. In oantal mooglike kleuren is gelyk oan 16777216.

Sûnt de RGB model wurdt direkt ferbân mei it fysike wetten fan kleur imaging, swart wurdt opjûn dêryn as de RGB (0, 0, 0), wyt - RGB (255, 255, 255). RGBA systeem folslein te ferlykjen mei RGB, mei de tafoeging fan it alfakanaal. It effekt op de transparânsje, dy't Natuerkunde yn mei de eftergrûn skaad. Yn dizze foarm fan it elemint sil fariearje neffens it "ûndergrûn".

HSL

Om begripe hoe't de Hls systeem, jim moatte yntsjinje in kleur tsjil. Op syn sintrum is read, dan (klok mei) alle oare kleuren fan de reinbôge. цвета при помощи системы HLS требуется задать три параметра: Fêst te stellen de kleuren yn de CSS mei help fan de Hls systeem fereasket trije parameters:

• hue (yn graden) - de rjochting fan 'e sirkel sintrum;
• saturation (persintaazje) - hoe folle kleur jo nedich hawwe;
• brightness (yn prosint).

Bygelyks, pears kin bepaald wurde op sa'n wize: HSL (315, 100%, 45%). HSL is meast handige foar eksperiminten. Nei in stúdzje fan de kleur tsjil, kinne jo wylst nei it stylblêd rûchwei fertsjintwurdigjen hokker kleur set spesifike elemint. HSLA - itselde Hls, allinne mei alfa: HSL (0, 100%, 50, 0.6) - read, trochsichtich justjes mear as de helte.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . Yn CSS, dan kinne de kleur ynstelle mei help fan it heksadesimale fertsjintwurdiging, lykas oranje bepaald troch de wearde # FF4500.

Foar in better begryp fan wat it heksadesimale fertsjintwurdiging, moatte fierder beskôgje it desimale systeem. It is in nûmer fan 0 oant 9. Doe't it ferlet yn tellen getal grutter as 9, ien bit wurdt tafoege, en hy draait 10, dan 100, ensafuorthinne. E. Alle presys itselde yn heksadesimale notaasje, mar yn it nei 9 is A, dan B, ensafuorthinne nei F - itselde as 15 yn it desimale systeem. Dan foegjen ien sifer, en it blykt 10 of 16 yn de wenstige termen.

Lykas yn RGB, HEX kleuren oan te jaan in hokker ferhâldings te brûken primêre kleuren. Yn dit gefal, se wurde net skaat troch komma (color: # FFD500). Alle twa karakters spesifisearje it oantal read, grien en blau.

CSS. As regel, HEX systeem wurdt net brûkt tidens de eksperiminten, om't it is ûnmooglik te finen rjochts CSS kleur. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. De tafel kin helpe yn dizze saak, mar as jo hieltyd ferwize nei it, it wurk wurdt fertrage. Heksadesimale fertsjintwurdiging is meast handige as it berjocht earne oerbrocht út de grafyske bewurker. It is folle makliker te kopiearjen út it mar ien sifer as trije bochten.

Hokker paad is best?

Op dit akkount wy kinne net sizze neat konkreet. As de eleminten fan de ynterface nedich transparânsje, kieze tusken RGBA en HSLA. As jo wolle te eksperimintearjen yn 'e browser Hls kleur tsjil sil wêze it meast handige. As jo in palet of oerdracht it ûntwerp út Photoshop, moatte leaver CSS heksadesimale kleur koades.