Палітра веб-безпечних кольорів

Всі інструменти

Перегляньте класичні 216 веб-безпечних кольорів у вигляді сітки зразків із кліком — сортуйте за відтінком або порядком куба, фільтруйте за hex та миттєво копіюйте будь-яке значення HEX або rgb().

216 веб-безпечних кольорів — це кожна комбінація рівнів 00, 33, 66, 99, CC та FF на кожному каналі RGB. Усе працює у вашому браузері — без завантажень, без реєстрації, повністю безкоштовно.

Про Палітра веб-безпечних кольорів

Веб-безпечна кольорова палітра — це класичний набір з 216 кольорів, побудований із шести рівнів каналів RGB 00, 33, 66, 99, CC і FF — куб кольорів 6×6×6, який ранні дисплеї могли відтворювати без дизерингу. Цей інструмент розкладає всі 216 зразків в одну клікабельну сітку, щоб ви могли швидко переглядати, порівнювати й брати будь-яке значення.

Можна переглядати палітру у початковому порядку куба або пересортувати за відтінком, що спершу групує сірі кольори, а потім проходить по спектру. Поле фільтра hex звужує сітку під час набору тексту, тож введення 33CC одразу переходить до зразків, що починаються з цих символів.

Клацання на зразку одразу копіює його код HEX і відкриває панель деталей з відповідним значенням rgb() і найближчим іменованим кольором CSS, кожне зі своєю кнопкою копіювання. Усе обчислюється у вашому браузері, що робить це швидким довідником для ретро-палітр, кольорів, безпечних для електронної пошти, та обмежених дизайн-систем.

Як використовувати Палітра веб-безпечних кольорів

  1. Відкрийте інструмент, щоб побачити всі 216 веб-безпечних кольорів у вигляді сітки зразків, за замовчуванням відсортованих у порядку куба.
  2. Перемкніть порядок сортування на «By hue», якщо волієте переглядати спершу сірі кольори, а потім кольори, згруповані вздовж спектра.
  3. Введіть у поле фільтра hex (наприклад, 33CC99), щоб звузити сітку до зразків, чий код HEX починається з цих символів.
  4. Клацніть будь-який зразок — його значення HEX одразу копіюється в буфер обміну, і під сіткою відкривається панель деталей.
  5. Скористайтеся кнопками копіювання на панелі деталей, щоб узяти код HEX, значення rgb() чи найближчий іменований колір CSS.

Часті запитання

Це 216 кольорів, утворені поєднанням значень 00, 33, 66, 99, CC і FF на червоному, зеленому й синьому каналах. Цей куб 6×6×6 був палітрою, яку 8-бітні дисплеї могли показувати послідовно без дизерингу.

Сучасні екрани відображають мільйони кольорів, тож обмеження є історичним. Палітра все ще зручна як компактний, рівномірно розподілений набір кольорів для ретро-дизайну, піксель-арту, швидких прототипів та обмежених брендових чи поштових палітр.

Кожен обраний зразок пропонує три копійовані значення: код HEX (наприклад, #33CC99), еквівалентну нотацію rgb() і найближчий іменований колір CSS, обчислений за відстанню RGB. Клацання на зразку в сітці також миттєво копіює його HEX.

Інструмент порівнює обраний зразок із вбудованим списком стандартних назв кольорів CSS і повертає найближчий збіг за відстанню RGB. Якщо збіг не точний, він позначається як приблизний знаком ≈.

Так. Повна сітка з 216 кольорів, сортування за відтінком, фільтр hex і кожна дія копіювання безкоштовні, без реєстрації. Палітра генерується й сортується повністю у вашому браузері без жодних запитів на сервер.
Поділитися
Пов'язані інструменти
Генератор колірних палітр Створюйте гармонійні кольорові палітри за допомогою інтерактивного колірного кола — застосовуйте правила гармонії, як-от аналогічні, комплементарні або тріадні, і миттєво копіюйте будь-яке значення. Безкоштовно
Змішувач кольорів Плавно переходьте від початкового кольору до кінцевого за до 10 кроків — переглядайте градієнт, захоплюйте кожен відтінок і миттєво копіюйте будь-який формат. Безкоштовно
Генератор відтінків кольору Згенеруйте повний діапазон тінтів і відтінків з одного кольору — оберіть крок освітлення/затемнення та кількість відтінків, а потім миттєво копіюйте будь-яке значення. Безкоштовно
Витягувач кольорів із зображення Отримайте відшліфовану, готову до копіювання палітру кольорів з будь-якого зображення. Безкоштовно
Підбір шрифтів і каталог Google Fonts Перегляньте підібраний каталог популярних шрифтів Google Fonts із живим прев'ю, фільтруйте за категорією та шукайте за назвою, потім копіюйте готовий до вставлення CSS і досліджуйте запропоновані пари шрифтів — усе у вашому браузері. Безкоштовно
Конвертер кольорових кодів Конвертуйте кольори між HEX, RGB, RGBA, HSL, HSLA, HSV та CMYK — оберіть колір, налаштуйте альфу й миттєво скопіюйте будь-який формат. Безкоштовно
Потрібна допомога?
Виникла проблема з цим інструментом? Повідомте нас.
Повідомити про проблему

Додайте цей безкоштовний інструмент на власний вебсайт — скопіюйте та вставте код нижче.