調色盤

瀏覽流行的 4 色調色板並立即複製 HEX 代碼。

調色盤

探索按流行度或新近度排序的精選 4 色調色板。點擊任何樣本即可立即複製其 HEX 代碼。

滾動以自動加載更多調色板。非常適合登陸頁面、品牌、UI 主題和快速設計靈感。

Frequently Asked Questions

Where do the palettes come from?
Palettes are curated collections of four complementary colors, sorted by popularity or recency. Each palette shows HEX codes you can copy directly into your design or code.
Can I copy individual colors?
Yes. Click any swatch to copy its HEX code to your clipboard. Paste into CSS, Figma, Tailwind config, or any design tool.
How do I use a palette in my project?
Pick a palette and assign roles: darkest for text, mid-tones for backgrounds, brightest for accents. Copy all four HEX values into your CSS custom properties or design system tokens.
Are new palettes added regularly?
Yes. Scroll down to load more palettes automatically. New palettes appear in the recency sort; popular palettes rise in the popularity sort.
Can I create my own palette?
This tool is for browsing existing palettes. To build custom palettes, use the Color Converter to explore individual colors and combine them manually, or use a dedicated palette creation tool.