Урок 35. Use RGB values to Color Elements връзка>>
Друг начин, по който можете да представите цветовете в CSS, е да използвате стойности на RGB.
Стойността RGB за черно изглежда така: rgb (0, 0, 0)
Стойността на RGB за бялo изглежда така: rgb (255, 255, 255)
Вместо да използвате шест шестнадесетични цифри за шестнадесетичен код, с RGB може да зададете яркостта на всеки цвят с число между 0 и 255.
Ако направите сметка двете цифри за един цвят са 16 * 16, което ни дава 256 стойности. Така че RGB, който започва да брои от нула, има точно същия брой възможни стойности като шестнадесетичния код.
Ето пример за това как бихте променили фона на body на оранжев, като използвате неговия RGB код.
body {
background-color: rgb(255, 165, 0);
}
Задачата ви е: Нека да сменим hex кода за background color на body-елементa в кода ни с RGB стойностт за черно: rgb(0, 0, 0).
 |
| Изображението е по старата версия |
Урок 36. Use RGB to Mix Colors
Подобно на шестнадесетичния код, можете да смесите цветовете в RGB, като използвате комбинации от различни стойности.
Задачата ви е: Заменете думите за цветове в style-елемента на нашия код с техните правилни стойности на RGB.
| Color | RGB |
|---|---|
| Blue | rgb(0, 0, 255) |
| Red | rgb(255, 0, 0) |
| Orchid | rgb(218, 112, 214) |
| Sienna | rgb(160, 82, 45) |
Продължете към последните уроци от Basic CSS: Работа с CSS Variables>>
Всички уроци от Responsice Web Design>>