Този избор на цвят започва с визуална проба и държи точните числа наблизо. Можете да поставите CSS hex стойност като #3366cc, да донастроите червен, зелен, син и алфа канал, или да промените нюанс, наситеност и светлина за работа по дизайн система. Никакви цветови стойности не се качват - преобразуванията се правят локално с JavaScript.
Безплатен избор на цвят
Работи изцяло в браузъра - без качване и без регистрация.
Избрано#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Какво е избор на цвят?
Изборът на цвят е инструмент за задаване на точен дигитален цвят и копиране на стойностите му за дизайн или код. Използвайте цветната проба, полето HEX, плъзгачите RGB или контролите HSL, после копирайте HEX, RGB, HSL, HSV или CMYK стойности веднага. Всичко работи във вашия браузър.
Как се използва
- 1Изберете или поставете цвят. Кликнете върху голямата проба, за да отворите избора на цвят в браузъра, или поставете 3-, 4-, 6- или 8-цифрена hex стойност в полето HEX.
- 2Настройте каналите. Използвайте RGB плъзгачите за червено, зелено, синьо и алфа, или редактирайте нюанс, наситеност и светлина, когато искате по-удобен за дизайн контрол.
- 3Копирайте нужния формат. Копирайте HEX, HEX8, RGB, HSL, HSV или CMYK с едно кликване. Прегледът и всеки изход се обновяват на живо.
За кого е
- Front-end разработчици, които копират готови за CSS HEX, RGB и HSL стойности, докато изграждат интерфейси.
- Дизайнери, които настройват бранд цвят по канали вместо да гадаят в графична програма.
- Маркетинг екипи, които уеднаквяват цветове на кампании в имейл билдъри, документи и социални материали.
- Студенти и създатели, които учат как RGB, HSL, HSV и CMYK описват един и същ цвят.
Често задавани въпроси
Безплатен ли е този избор на цвят?
Да. Изборът на цвят е безплатен, без регистрация и без лимит за използване. Отворете страницата, изберете цвят и копирайте формата, който ви трябва.
Качват ли се някъде моите цветове?
Не. Изборът и преобразуванията работят във вашия браузър с обикновен JavaScript. Избраните цветове не се изпращат към сървър.
Кои цветови формати мога да копирам?
Можете да копирате HEX, 8-цифрен HEX с алфа, RGB или RGBA, HSL или HSLA, HSV и CMYK. Инструментът ги държи синхронизирани, докато редактирате.
Мога ли да поставя hex цвят?
Да. Поставете 3-, 4-, 6- или 8-цифрени CSS hex стойности, със или без символа #. Съкратените стойности се разширяват по нормалните CSS правила.
Какво е HEX8?
HEX8 е 8-цифрен hex цвят, при който последната двойка пази алфа стойността. Например #3366cc80 е същото синьо с около 50 % непрозрачност.
Да използвам ли RGB или HSL в CSS?
Използвайте RGB, когато ви трябват точни стойности на каналите или алфа чрез rgba(). Използвайте HSL, когато искате да създавате по-светли, по-тъмни или свързани UI състояния чрез промяна на наситеността и светлината.