Slop Colors · безкоштовно, у вашому браузері

Створіть палітру кольорів з одного кольору

Почніть із кольору вашого бренду. Slop Colors створює гармонії, тони й відтінки та шкалу від 50 до 950, а обрану палітру експортує як код або файл зразків.

Створити палітру

Як це зробити

1. Введіть свій колір на панелі (HEX, RGB, HSL, OKLCH або CMYK) або вибіть його з зображення.
2. У розділі «Створено з цього кольору» виберіть «Гармонію» поруч із колірним колом (комплементарна, аналогова, тризначна, розділена комплементарна, тетрадна, квадратна, монохромна, тони або власна) і коло RGB, RYB чи OKLCH.
3. Перетягуйте маркери на колі: решта рухаються за гармонією; у режимі «Власна» кожен рухається окремо. Клавіші зі стрілками рухають активний маркер.
4. Натисніть «Використати як палітру» під рядком, який вам подобається, або вибирайте окремі кольори і натискайте «Додати цей колір».
5. Назвіть палітру і виберіть формат у розділі «Експорт»: змінні CSS, конфігурацію Tailwind, JSON, Adobe .ase або GIMP .gpl.
6. Натисніть «Завантажити палітру», «Копіювати код» або «Зберегти в Slop Drive…».

Ваші файли лишаються на цьому пристрої: Slop Colors працює у вашому браузері, без вивантаження, облікового запису й водяного знака.

Питання

Що таке коло RYB?

Художнє коло червоний–жовтий–синій, як його пропонує Adobe Color: там доповнювальним до червоного є зелений, а до синього — помаранчевий. Коло RGB — це коло екрана, а OKLCH зберігає однакову світлість, коли відтінок змінюється.

Як створюється шкала?

Відтінок зберігається, а світлість змінюється від 97 % до 22 % в OKLCH, із меншою насиченістю біля білого й чорного. Ваш колір стоїть на найближчому кроці.

Чи можна відкрити палітру у Photoshop або Illustrator?

Так. Експортуйте її як Adobe Swatch Exchange (.ase) і завантажте на панелі «Зразки». GIMP і Inkscape читають файл .gpl.

Чи зберігаються мої палітри?

Палітра на сторінці зберігається в цьому браузері. «Зберегти в Slop Drive» зберігає файл, який можна знову відкрити тут.

Більше з Slop Colors

• Перевірте контраст кольорів за WCAG
• Вибирайте кольори із зображення
• Перетворіть HEX на RGB, HSL, OKLCH або CMYK

Пов’язані застосунки

• PhotoSlop
  Працює
  Photoshop, створений заново для браузера.
• SlopVector
  Працює
  Illustrator, створений заново для браузера.
• SlopIsolate
  Бета
  Видаляйте фони за допомогою ШІ, який працює на вашому пристрої.