Как читать hex-цвета
Нашёл у себя в сохранённых старый доклад с dotCSS 2018 года. В нём Дэвид ДеСандро объясняет, как он со своей цветовой слепотой читает цвета по кодам. И сам по себе доклад пятилетней давности зародил у меня в голове много мыслей:
1. Чтобы работать с цветами, совсем не обязательно их видеть так же, как большинство. Достаточно знать математику работы с цветом. У нас ведь всякие цветовые палитры вполне себе описываются математически, доступность тоже.
2. HEX — супер-сложный формат для людей, но очень понятный для машин. Не просто так последние годы делается упор на работу сначала с HSL, потом с OKLCH. Если для HEX нужно запомнить как цветовой круг, так и произвести в голове некоторые вычисления для высчитывания яркости и насыщенности, в новых форматах всё довольно интуитивно, запоминать нужно только цветовой круг.
3. Как же всё-таки здорово, что в современных DevTools и IDE рядом со значением цвета рисуется квадратик с самим цветом. Это экономит кучу времени.
4. Чтобы переход на OKLCH произошёл, нужно, чтобы его поддержали графические редакторы. Как в 2018 году, так и сейчас разработчики копируют цвета, потому что так удобно и быстро. Если редактор показывает hex-цвет, то в коде тоже окажется hex-цвет. Да и не должны разработчики и дизайнеры разговаривать на разных языках, когда делают один интерфейс.
5. Я хочу научиться делать такие же красивые переходы в слайдах, как у Дэвида.
https://youtu.be/eqZqx6lRPe0
Нашёл у себя в сохранённых старый доклад с dotCSS 2018 года. В нём Дэвид ДеСандро объясняет, как он со своей цветовой слепотой читает цвета по кодам. И сам по себе доклад пятилетней давности зародил у меня в голове много мыслей:
1. Чтобы работать с цветами, совсем не обязательно их видеть так же, как большинство. Достаточно знать математику работы с цветом. У нас ведь всякие цветовые палитры вполне себе описываются математически, доступность тоже.
2. HEX — супер-сложный формат для людей, но очень понятный для машин. Не просто так последние годы делается упор на работу сначала с HSL, потом с OKLCH. Если для HEX нужно запомнить как цветовой круг, так и произвести в голове некоторые вычисления для высчитывания яркости и насыщенности, в новых форматах всё довольно интуитивно, запоминать нужно только цветовой круг.
3. Как же всё-таки здорово, что в современных DevTools и IDE рядом со значением цвета рисуется квадратик с самим цветом. Это экономит кучу времени.
4. Чтобы переход на OKLCH произошёл, нужно, чтобы его поддержали графические редакторы. Как в 2018 году, так и сейчас разработчики копируют цвета, потому что так удобно и быстро. Если редактор показывает hex-цвет, то в коде тоже окажется hex-цвет. Да и не должны разработчики и дизайнеры разговаривать на разных языках, когда делают один интерфейс.
5. Я хочу научиться делать такие же красивые переходы в слайдах, как у Дэвида.
https://youtu.be/eqZqx6lRPe0