Цветови палитри

Цветови палитри за уеб (CSS)

Цветови палитри, създадени за дизайн на сайтове и интерфейси. Всяка съдържа HEX кодове, а освен това можеш да копираш и готов CSS код. Кликни върху цвят и ще го копираш. Запази любимите си или ги отвори в редактора и ги доизпипай.

Опитай и това

Цветова палитра от имеНапиши име и получи собствена цветова палитраЦветен автоматДръпни лоста и вземи цветова палитраЦветен аквариумРелаксиращ 3D аквариум във вашите цветове
Всички безплатни инструменти →

Как да избереш цветове за уеб

На интерфейса обикновено му трябват само основен цвят на марката, акцентен цвят за действия (бутони, връзки) и скала от сиви за фонове, рамки и текст. Бъди последователен. Използвай винаги едни и същи HEX кодове и ги прилагай чрез CSS променливи.

Копирай палитрата като CSS

Всяка карта има бутон, който копира CSS кода на всичките пет цвята. Постави го във файла си със стилове и преименувай променливите според проекта си. Отделен цвят копираш и с клик върху него.

Контраст и достъпност

Преди да публикуваш, увери се, че текстът се чете добре върху фона си. С инструмента проверка на контраста провери дали отговаряш на ниво WCAG AA или AAA. Това е важно както за достъпността, така и за SEO.

Искаш да създадеш своя палитра от нулата? Пробвай генератора на цветови палитри, извлечи палитра от снимка или провери контраста на цветовете.