CSS färgegenskaper. färgkoder

Ett av verktygen för att ändra webbsidan stilar - CSS färg. Det finns flera sätt att ändra denna inställning. Var och en har både fördelar och nackdelar.

namn

Färg Fastigheten sätter färg på objektet. 145 nyanser av titlar som ingår i CSS. Bland dem finns enkla (såsom svart, blå) och komplexa (såsom karmosin, lawngreen).

Eftersom hela listan svårt att komma ihåg, är namnet på den formatmall som används sällan.

RGB

De flesta av TV-apparater, smartphones, bildskärmar arbetar med RGB-färgmodellen. Det vill säga, alla färger kan ställas in på en kombination av grundfärger, som är rött, grönt och blått. . Ett liknande tillvägagångssätt används i båda enheterna, och i CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Färger är grundläggande kompositionen anta värden från 0 till 255. Ett antal möjliga färger är lika med 16.777.216.

Eftersom RGB-modellen är direkt relaterad till de fysiska lagarna för färgavbildning, svart specificeras däri som den rgb (0, 0, 0), vit - rgb (255, 255, 255). RGBA systemet helt liknar RGB, med tillägg av alfakanalen. Det påverkar öppenheten, som blandas med bakgrunden skugga. I denna form av elementet kommer att variera i enlighet med "substrat".

HSL

För att förstå hur HLS-systemet, måste du skicka in ett färghjul. Vid sitt centrum är röd, då (medurs) alla andra regnbågens färger. цвета при помощи системы HLS требуется задать три параметра: För att bestämma färgerna i CSS med hjälp av HLS-systemet kräver tre parametrar:

• nyans (i grader) - riktningen för cirkelcentrum;
• mättnad (i procent) - hur mycket färg du behöver,
• ljusstyrka (i procent).

Till exempel, kan lila bestämmas på ett sådant sätt: hsl (315, 100%, 45%). HRT är mest praktiskt för experiment. Efter att ha studerat färghjulet, kan du medan du tittar på stylesheet representerar ungefär vilken färg ställa specifika element. HSLA - samma HLS, endast med alfa: hsl (0, 100%, 50, 0,6) - röd, transparent drygt halv.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . I CSS, kan du ställa in färg med hjälp av hexadecimal representation, såsom apelsin bestäms av värdet # FF4500.

För en bättre förståelse av vad hexadecimal representation, vidare bör överväga decimalsystemet. Det är ett tal från 0 till 9. När behovet att räkna tal större än 9, är en bit till, och det visar 10, sedan 100, och så vidare. E. Alla exakt samma i hexadecimal notation, men i det efter 9 är A, då är B, och så vidare till F - samma som 15 i decimalsystemet. Tillsätt sedan en siffra, och det visar sig 10 av 16 i sedvanliga villkor.

Liksom i RGB, till HEX färger visar i vilka proportioner att använda grundfärgerna. I detta fall är de inte separeras med kommatecken (färg: # FFD500). Vartannat tecken anger antalet rött, grönt och blått.

CSS. Som regel är HEX systemet inte används under experimenten, eftersom det är omöjligt att hitta rätt CSS färg. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Bordet kan hjälpa i denna fråga, men om du ständigt hänvisa till det, kommer arbetet att försenas. Hexadecimal representation är mest praktiskt när mallen överförs från grafisk editor. Det är mycket lättare att kopiera från den enda siffra än tre varv.

Vilken väg är bäst?

På detta konto kan vi inte säga något konkret. Om delar av gränssnittet behöver öppenhet, välja mellan RGBA och HSLA. Om du vill experimentera i webbläsaren HLS färghjulet kommer att vara det mest bekväma. Om du använder en palett eller överföra design från Photoshop, skulle föredra CSS hexadecimala färgkoder.