Color Palette Generator
Мгновенно создавайте красивые цветовые палитры
Об этом инструменте
Создавайте гармоничные цветовые схемы для ваших проектов. Выбирайте из комплементарных, аналоговых, триадных и расщеплённо-комплементарных режимов или извлекайте палитру из изображения. Экспортируйте как CSS-переменные, JSON или PNG-образцы для aukimi Inkwell и других инструментов. Часть aukimi Inkwell.
Функции
- Множество режимов цветовой гармонии
- Извлечение цветов из изображений
- Экспорт в CSS, JSON или PNG
- Регулируемая насыщенность и яркость
- Копирование отдельных цветовых кодов
Сценарии использования
Поделиться инструментом
Помогите другим его найти
Создайте бесплатный аккаунт, чтобы убрать водяные знаки
Сохраняйте свои работы, получите доступ к полному набору инструментов и экспортируйте без водяных знаков.
Нужно больше?
Попробуйте aukimi Inkwell
Профессиональное редактирование растровых изображений со слоями, масками, фильтрами и полной поддержкой планшета.
How to create a color palette
Generate a 5-color palette using harmony rules, extract from an image, or browse community palettes — then export to code.
- 1
Pick a harmony mode
Trending (curated), complementary, triadic, tetradic, analogous, split-complementary, or monochromatic.
- 2
Press Space to regenerate
Each press rolls a new palette within your chosen harmony. Lock any color (padlock icon) to keep it between rolls.
- 3
Or extract from an image
Click Extract and drop a photo — k-means pulls 5 dominant colors.
- 4
Check contrast
Open the Contrast panel to see WCAG AA/AAA ratios for every color pair.
- 5
Export
Choose Tailwind, SCSS, CSS Variables, SVG strip, Figma JSON, or PNG from the Export bar.
Часто задаваемые вопросы
How are the "Trending" palettes chosen?
The 177-palette curated list is hand-picked from highly-rated community sources (ColourLovers top-rated, Coolors trending, industry designers). Pressing Space rolls a new trending palette each time.
Can I extract a palette from my own image?
Yes. Click Extract from Image, drop a photo or artwork, and the tool runs a k-means clustering on the pixels to pull out 5 dominant colors. Works great for mood-board analysis and photo-derived brand palettes.
What is the difference between complementary, triadic, and tetradic harmonies?
Complementary picks one color plus its opposite on the wheel (max contrast). Triadic uses three colors 120° apart (vibrant but balanced). Tetradic picks four colors in two complementary pairs (rich, harder to balance). Analogous uses neighbors on the wheel (calm, cohesive).
How do I export to Figma / Tailwind / SCSS?
Use the Export bar at the bottom. Tailwind emits a config snippet ready to paste under `theme.extend.colors`. SCSS gives you `$name-N` variables plus a map. Figma format is native JSON importable via the Figma Tokens plugin.
Do my palettes get saved?
If you are signed in, you can save palettes to My Palettes. Otherwise, use the Share button — you get a link that encodes the palette and lets anyone load it without account.
What does the Contrast Check assess?
WCAG AA (4.5:1) and AAA (7:1) contrast ratios for every pair of colors in the palette, so you know which combinations are safe for body text vs large text vs decoration only.