diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.russian.md index ad644fe71e..20518921fa 100644 --- a/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.russian.md +++ b/curriculum/challenges/russian/01-responsive-web-design/applied-visual-design/adjust-the-hue-of-a-color.russian.md @@ -7,10 +7,10 @@ localeTitle: Отрегулируйте оттенок цвета --- ## Description -
Цвета имеют несколько характеристик, включая оттенок, насыщенность и легкость. CSS3 представила hsl() как альтернативный способ выбрать цвет, указав непосредственно эти характеристики. Хюэ - это то, что люди обычно считают «цветным». Если вы изображаете спектр цветов, начиная с красного слева, перемещаясь по зеленому посередине, а синий справа, оттенок - это то, где цвет соответствует этой линии. В hsl() оттенок использует концепцию цветового круга вместо спектра, где угол цвета на круге задается как значение от 0 до 360. Насыщенность - это количество серого цвета. Полностью насыщенный цвет не имеет серого цвета, а минимально насыщенный цвет почти полностью серый. Это дается в процентах, при этом 100% полностью насыщается. Легкость - это количество белого или черного цвета. Процент задается от 0% (черный) до 100% (белый), где 50% - это нормальный цвет. Вот несколько примеров использования hsl() с полностью насыщенными, нормальными цветами легкости:
цвет HSL
красный hsl (0, 100%, 50%)
желтый hsl (60, 100%, 50%)
зеленый hsl (120, 100%, 50%)
циан hsl (180, 100%, 50%)
синий hsl (240, 100%, 50%)
фуксин hsl (300, 100%, 50%)
+
Цвета имеют несколько характеристик, включая оттенок, насыщенность и легкость. CSS3 представила hsl() как альтернативный способ выбрать цвет, указав непосредственно эти характеристики. Хюэ - это то, что люди обычно считают «цветным». Если вы изображаете спектр цветов, начиная с красного слева, перемещаясь по зеленому посередине, а синий справа, оттенок - это то, где цвет соответствует этой линии. В hsl() оттенок использует концепцию цветового круга вместо спектра, где угол цвета на круге задается как значение от 0 до 360. Насыщенность - это количество серого цвета. Полностью насыщенный цвет не имеет серого цвета, а минимально насыщенный цвет почти полностью серый. Это задается в процентах, при этом 100% полностью насыщенный. Легкость - это количество белого или черного цвета. Процент задается от 0% (черный) до 100% (белый), где 50% - это нормальный цвет. Вот несколько примеров использования hsl() с полностью насыщенными, нормальными цветами легкости:
цвет HSL
красный hsl (0, 100%, 50%)
желтый hsl (60, 100%, 50%)
зеленый hsl (120, 100%, 50%)
циан hsl (180, 100%, 50%)
синий hsl (240, 100%, 50%)
фуксин hsl (300, 100%, 50%)
## Instructions -
Измените background-color каждого элемента div на основе имен классов ( green , cyan или blue ) с помощью hsl() . Все три должны иметь полную насыщенность и нормальную легкость.
+
Измените background-color каждого элемента div на основе имен классов ( green, cyan или blue ) с помощью hsl(). Все три должны иметь полную насыщенность и нормальную легкость.
## Tests
@@ -19,15 +19,15 @@ localeTitle: Отрегулируйте оттенок цвета tests: - text: Ваш код должен использовать hsl() чтобы объявить зеленый цвет. testString: 'assert(code.match(/\.green\s*?{\s*?background-color:\s*?hsl/gi), "Your code should use the hsl() property to declare the color green.");' - - text: Ваш код должен использовать hsl() для объявления цвета cyan. + - text: Ваш код должен использовать hsl() для объявления цвета морской волны. testString: 'assert(code.match(/\.cyan\s*?{\s*?background-color:\s*?hsl/gi), "Your code should use the hsl() property to declare the color cyan.");' - text: Ваш код должен использовать hsl() для объявления синего цвета. testString: 'assert(code.match(/\.blue\s*?{\s*?background-color:\s*?hsl/gi), "Your code should use the hsl() property to declare the color blue.");' - - text: '' + - text: 'div элемент с классом green должен иметь background-color зеленый.' testString: 'assert($(".green").css("background-color") == "rgb(0, 255, 0)", "The div element with class green should have a background-color of green.");' - - text: '' + - text: 'div элемент с классом green должен иметь background-color морской волны.' testString: 'assert($(".cyan").css("background-color") == "rgb(0, 255, 255)", "The div element with class cyan should have a background-color of cyan.");' - - text: '' + - text: 'div элемент с классом green должен иметь background-color синий.' testString: 'assert($(".blue").css("background-color") == "rgb(0, 0, 255)", "The div element with class blue should have a background-color of blue.");' ```