Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
блочный > утилиты > цвет
пространство имен utils.color
Функции
Функция | Описание |
---|
смесь (цвет1, цвет2, коэффициент) | Смешайте два цвета вместе, используя указанный коэффициент, чтобы указать вес, присвоенный первому цвету. |
hexToRgb (цвет) | Преобразует цвет в RGB. |
hsvToHex(ч, с, v) | Преобразует триплет HSV в шестнадцатеричное представление. |
оттенокToHex(оттенок) | Преобразуйте оттенок (модель HSV) в шестнадцатеричный триплет RGB. |
синтаксический анализ (строка) | Анализирует цвет из строки. .parse('red') = '#ff0000' .parse('#f00') = '#ff0000' .parse('#ff0000') = '#ff0000' .parse('0xff0000') = '#ff0000' .parse('rgb(255, 0, 0)') = '#ff0000' |
rgbToHex (г, г, б) | Преобразует цвет из представления RGB в шестнадцатеричное. |
Переменные
Переменная | Описание |
---|
имена | Карта, содержащая 16 основных ключевых слов цвета, определенных W3C: https://www.w3.org/TR/2018/REC-css-color-3-20180619/#html4. Ключи на этой карте — строчные буквы «читаемый». " названия цветов, а значения представляют собой "шестнадцатеричные" значения. |
Если не указано иное, контент на этой странице предоставляется по лицензии Creative Commons "С указанием авторства 4.0", а примеры кода – по лицензии Apache 2.0. Подробнее об этом написано в правилах сайта. Java – это зарегистрированный товарный знак корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2023-12-02 UTC.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Отсутствует нужная мне информация"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Слишком сложен/слишком много шагов"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Устарел"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Проблема с переводом текста"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Проблемы образцов/кода"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Другое"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Прост для понимания"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Помог мне решить мою проблему"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Другое"
}]