Color Palette Generator
配色パレットを自動生成。色彩調和ルール(補色、類似色、トライアド等)対応。CSS変数でエクスポート。
広告スペース
| 色 | HEX | RGB | HSL |
|---|---|---|---|
| #3CE0F6 | rgb(60, 224, 246) | hsl(187, 91%, 60%) | |
| #3B82F6 | rgb(59, 130, 246) | hsl(217, 91%, 60%) | |
| #523CF6 | rgb(82, 60, 246) | hsl(247, 91%, 60%) |
Color Palette Generatorの使い方
ベースカラーを選択し、色彩調和ルールを選ぶと、バランスの取れた配色パレットが自動生成されます。 類似色、補色、トライアド、分裂補色、テトラッド、モノクロマティックの6種類のルールに対応。 各色をクリックでHEXコードをコピー、「CSS変数コピー」でCSS custom propertiesとしてエクスポートできます。
How to Use the Color Palette Generator
This tool generates harmonious color palettes based on color theory. Choose a base color and a harmony rule (analogous, complementary, triadic, split-complementary, tetradic, or monochromatic) to create a balanced palette. Click any color to copy its HEX code, or export the entire palette as CSS custom properties. The random generator uses the golden angle algorithm for visually pleasing color distribution. All color values are shown in HEX, RGB, and HSL formats.
広告スペース
開発をもっと効率的に
PR
広告スペース