任意のベースカラーから、美しく調和のとれたカラーパレットを生成します。配色ルールを選び、値をコピーして、CSS、JSON、またはTailwindの設定として書き出せます。
配色ルール
あなたのパレット
#C2C3FA
rgb(194, 195, 250)
hsl(239, 84%, 87%)
#6467F2
rgb(100, 103, 242)
hsl(239, 84%, 67%)
#1317DD
rgb(19, 23, 221)
hsl(239, 84%, 47%)
#F2EF64
rgb(242, 239, 100)
hsl(59, 84%, 67%)
#FAF9C2
rgb(250, 249, 194)
hsl(59, 84%, 87%)
色彩理論の原則に基づき、補色、類似色、トライアド、テトラード、単色、分裂補色のルールから選択できます。
パレットをCSSカスタムプロパティ、JSONオブジェクト、またはTailwind CSS設定としてコピーでき、プロジェクトに直接貼り付けられます。
ベースカラーや配色ルールを変更すると、パレットが即座に更新されます。読み込み待ちはなく、すぐに視覚的なフィードバックが得られます。
このプロフェッショナルなカラーパレット生成器は、色彩理論を適用して、1つのベースカラーから視覚的にバランスの取れたパレットを作成します。デザイナー、開発者、アーティストのいずれであっても、UIデザイン、ブランディング、またはデータ視覚化のための一貫した美しい配色を、ブラウザ上で直接、無料で生成できます。
