CSS fargeegenskaper. fargekoder

Et av verktøyene for å endre web sidestiler - CSS farge. Det er flere måter å endre denne innstillingen. Hver har både fordeler og ulemper.

navn

Fargen Eiendommen setter farge på varen. 145 nyanser av titler inkludert i CSS. Blant dem er det enkelt (for eksempel sort, blå) og kompleks (for eksempel rød, lawngreen).

Fordi hele listen over vanskelig å huske, er navnet på stilarket som brukes sjelden.

RGB

Mesteparten av TV-er, smarttelefoner, skjermer jobbe med RGB fargemodell. Det vil si, alle farger kan settes til en kombinasjon av primærfarger, som er rød, grønn og blå. . En lignende tilnærming er brukt i begge enhetene, og i CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Fargene er grunnleggende sammensetning take-verdier fra 0 til 255. Et antall mulige farger er lik 16,777,216.

Siden RGB-modellen er direkte relatert til de fysiske lovene for fargeavbildning, er sort angitt deri som RGB (0, 0, 0), hvit - RGB (255, 255, 255). RGBA system helt lik RGB, med tillegg av det alfakanal. Det påvirker åpenhet, som går i ett med bakgrunnen skyggen. I denne form av indikatorelementet vil variere i henhold til "substratet".

HSL

For å forstå hvordan HLS-systemet, må du sende inn en fargehjulet. I sentrum er røde, deretter (med klokken) alle de andre fargene i regnbuen. цвета при помощи системы HLS требуется задать три параметра: For å bestemme fargene i CSS med HLS systemet krever tre parametere:

• fargetone (i grader) - retning av sirkelsenteret;
• metning (prosent) - hvor mye farge du trenger;
• lyshet (i prosent).

For eksempel kan lilla bestemmes på en slik måte: HSL (315, 100%, 45%). HSL er mest praktisk for eksperimenter. Etter å ha studert fargehjulet, kan du mens du ser på stil omtrent representerer hvilken farge satt konkrete element. HSLA - samme HLS, bare med alfa: HSL (0, 100%, 50, 0,6) - rød, gjennomsiktig litt mer enn halvparten.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . I CSS, kan du sette farge ved hjelp av heksadesimale representasjonen, som appelsin bestemt av verdien # FF4500.

For en bedre forståelse av hva den heksadesimale representasjonen, bør videre vurdere desimalsystemet. Det er et tall fra 0 til 9. Når behovet i å telle antall større enn 9, blir en bit tilsatt, og det viser 10, deretter 100, og så videre. E. Alle nøyaktig den samme i heksadesimal notasjon, men i det etter 9 er A, da B, og så videre til F - den samme som 15 i desimalsystemet. Deretter legger ett siffer, og det viser seg 10 av 16 i vanlige vilkår.

Som i RGB, til HEX farge indikerer i hvilke proporsjoner å bruke primærfarger. I dette tilfellet er de ikke atskilt med komma (color: # FFD500). Hver to tegn angi antall rød, grønn og blå.

CSS. Som regel er HEX-systemet ikke brukt under forsøkene, siden det er umulig å finne den rette CSS farge. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Tabellen kan hjelpe i denne saken, men hvis du hele tiden henviser til det, vil arbeidet bli forsinket. Heksadesimale representasjonen er mest praktisk når malen er overført fra grafikk editor. Det er mye lettere å kopiere fra det bare ett siffer enn tre omdreininger.

Hvilken vei er best?

På denne kontoen kan vi ikke si noe konkret. Hvis elementene i grensesnittet trenger åpenhet, velge mellom RGBA og HSLA. Hvis du ønsker å eksperimentere i HLS fargehjulet leseren vil være den mest praktiske. Hvis du bruker en palett eller overføre design fra Photoshop, bør foret CSS heksadesimale fargekoder.