Вырви глаз [14/14] - 100%

Курсы §28. Знакомство с LESS
1

!!! ЭТО ИЗДЕВАТЕЛЬСТВО !!!
просто издевательство над глазами и над здравым смыслом.
на мониторе результат отличается от картинки.

Имя файла изображения298×644 10.4 KB

LESS

@color-1: #0074d9;
@color-2: lighten(@color-1, 25%);
@color-3: #ff4136;
@color-4: desaturate(@color-5, 30%);
@color-5: #2ecc40;
@color-6: spin(@color-3, -100);
@color-7: #ffdc00;
@color-8: darken(@color-7, 15%);
@color-9: darken(@color-6, 20%);
4 лайка
2

Да, есть такое. Оттенки на разных устройствах отображаются по-разному.

3

может для задания будет конструктивнее зафиксировать значения?
скажем, везде 30 градусов или процентов. а задание в том чтобы подставить нужную функцию.

1 лайк
4

Разработчикам виднее. Просьба @juwain прокомментировать ситуацию.

5

Подумаем, что можно сделать, спасибо.

6

Поддерживаю,испытание не доработано и заставляет понервничать новичка,вдоволь на игрался с spin,так и не понял как открыть цветовое колесо для навигации.

2 лайка
7

На самом деле только 6-й цвет не получался (у меня). Видимо как в головоломках, когда для решения нужно выйти в третье измерение - тут тоже было не просто догадаться, взять отрицательный поворот:relieved: . Остальное довольно легко.

8

Получилось немного иначе, но тоже на 100% :smiley_cat:

.color-1 {
background-color: @color-1;
}

.color-2 {
background-color: lighten(@color-1, 25%);
}

.color-3 {
background-color: @color-3;
}

.color-4 {
background-color: desaturate(@color-5, 30%);
}

.color-5 {
background-color: #2ecc40;
}

.color-6 {
background-color: spin(@color-3, 260);
}

.color-7 {
background-color: @color-7;
}

.color-8 {
background-color: darken(@color-7, 15%);
}

.color-9 {
background-color: darken(spin(@color-3, -100), 20%);
}

9

Мой вариант, в принципе 10 минут потратил на подбор значений, не знаю… :thinking:

палитра 
@color-1: #0074d9;
@color-2: lighten(@color-1, 25%);
@color-3: #ff4136;
@color-4: desaturate(@color-5, 30%);
@color-5: #2ecc40;
@color-6: spin(@color-3, 260);
@color-7: #ffdc00;
@color-8: darken(@color-7, 15%);
@color-9: darken(@color-6, 20%);

.color-1 {
    background-color: @color-1;
}

.color-2 {
    background-color: @color-2; 
}

.color-3 {
    background-color: @color-3;
}

.color-4 {
    background-color: @color-4;
}

.color-5 {
    background-color: @color-5;
}

.color-6 {
    background-color: @color-6;
}

.color-7 {
    background-color: @color-7;
}

.color-8 {
    background-color: @color-8;
}

.color-9 {
    background-color: @color-9;
}
1 лайк
10

Отличное задание на определение дальтонизма!
Хорошо хоть явные цвета используются, а не полутона, а то крыша бы вытекла уже.