CSS farveegenskaber. farvekoder

Et af værktøjerne til at ændre den webside stilarter - CSS farve. Der er flere måder at ændre denne indstilling. Hver har både fordele og ulemper.

navn

Farven ejendom sætter farven på elementet. 145 nuancer af titler inkluderet i CSS. Blandt dem der er enkle (såsom sort, blå) og komplekse (såsom Crimson, lawngreen).

Fordi hele listen over svært at huske, er navnet på den stil ark bruges sjældent.

RGB

Det meste af tv'er, smartphones, skærme arbejder med RGB-farver. Det vil sige, alle farver kan indstilles til en kombination af primære farver, som er rød, grøn og blå. . En lignende fremgangsmåde anvendes i begge enheder, og i CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Farverne er grundlæggende sammensætning take værdier fra 0 til 255. En række mulige farver er lig med 16.777.216.

Da RGB-modellen er direkte relateret til de fysiske love farve billedbehandling, er sort specificeret deri som rgb (0, 0, 0), hvid - rgb (255, 255, 255). RGBA systemet helt svarer til RGB, med tilføjelse af alfakanalen. Det påvirker den gennemsigtighed, som blander sig med baggrunden skygge. I denne form af elementet vil variere i overensstemmelse med "substrat".

HSL

For at forstå, hvordan HLS-systemet, skal du indsende et farvehjul. På sit centrum er rød, derefter (med uret) alle de andre regnbuens farver. цвета при помощи системы HLS требуется задать три параметра: For at bestemme farverne i CSS ved hjælp af HLS system kræver tre parametre:

• farvetone (i grader) - retningen af cirkelcentrum;
• mætning (i procent) - hvor meget farve du har brug for;
• lysstyrke (i procent).

For eksempel kan lilla bestemmes på en sådan måde: HSL (315, 100%, 45%). HSL er mest praktisk for eksperimenter. Efter at have studeret farvehjulet, kan du, mens du ser stylesheet omtrent repræsentere hvad farve sæt specifikt element. HSLA - samme HLS, kun med alfa: HSL (0, 100%, 50, 0,6) - rød, gennemsigtig lidt mere end halvdelen.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . I CSS, kan du indstille farve med hexadecimal repræsentation, såsom appelsin bestemmes af værdien # FF4500.

For en bedre forståelse af, hvad den hexadecimale repræsentation, bør yderligere overveje decimal systemet. Det er et tal fra 0 til 9. Når behovet i at tælle tal større end 9 indsættes en smule, og det viser 10, så 100, og så videre. E. Alle nøjagtig det samme i hexadecimal notation, men i det efter 9 er A, derefter B, og så videre til F - det samme som 15 i decimal systemet. Tilsæt derefter et tal, og det viser sig 10 af 16 i de sædvanlige vilkår.

Som i RGB, at HEX farver angiver i hvilke proportioner at bruge primære farver. I dette tilfælde er de ikke adskilt med komma (farve: # FFD500). Hvert andet tegn angive antallet af rød, grøn og blå.

CSS. Som regel er HEX systemet ikke anvendes under forsøgene, da det er umuligt at finde den rigtige CSS farve. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Bordet kan hjælpe i denne sag, men hvis du hele tiden henvise til det, vil arbejdet blive forsinket. Hexadecimal repræsentation er mest praktisk, når skabelonen overføres fra den grafiske editor. Det er meget lettere at kopiere fra det kun et ciffer end tre omgange.

Hvilken vej er bedst?

På denne konto kan vi ikke sige noget konkret. Hvis elementerne i grænsefladen brug for gennemsigtighed, vælge mellem RGBA og HSLA. Hvis du ønsker at eksperimentere i browseren HLS farvehjul vil være den mest bekvemme. Hvis du bruger en palet eller overføre design fra Photoshop, bør foretrække CSS hexadecimale farvekoder.