Уеб-безопасна цветова палитра

Всички инструменти

Разгледайте класическите 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. Превключете реда на сортиране на „По тон", ако предпочитате да разглеждате първо сивите цветове, а после цветовете, групирани по спектъра.
  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 и разгледайте предложени съчетания на шрифтове — всичко в браузъра ви. Безплатно
Симулатор на цветна слепота Вижте изображението или палитрата си така, както я виждат хора с протанопия, дейтеранопия, тританопия или ахроматопсия — работи изцяло в браузъра ви, нищо не се качва. Безплатно
Нуждаете се от помощ?
Открихте проблем с този инструмент? Кажете ни.
Докладване на проблем

Добавете този безплатен инструмент към собствения си уебсайт — копирайте и поставете кода по-долу.