カラーパレット生成ツール

ベースカラーから調和のとれたパレットを生成。類似色・補色・トライアド・モノクロなどの配色と厳選プリセット。デザイン経験不要。

美しくまとまるパレットを。 任意のベースカラーから、類似・補色・トライアド・スプリット補色・モノクロの調和セットを即座に生成。スウォッチをクリックで16進コードをコピー。

色をクリックすると16進コードをコピー。

カラーの調和について

調和が重要な理由

調和のとれたパレットは意図的でバランスが良く感じられます。カラー理論は、色相環上に等分に置くなどの再現可能なレシピを提供し、試行錯誤なしで統一感を生みます。

使い方

ベースカラーとスキームを選び、16進コードをCSS・デザインツール・コードにコピー。「おまかせ」はデータ可視化で使われる厳選科学パレット(ColorBrewer)から取得します。

カラー演算は chroma.js(BSDライセンス)を使用しています。

よくある質問

補色スキームとは?
ベースカラーと色相環で正反対の色を組み合わせ、強いコントラストを生みます。
16進コードはどこで使えますか?
CSS・SVG・デザインソフトなど、16進カラーを受け付けるツールに貼り付けられます。
プリセットは色覚特性に配慮していますか?
多くのColorBrewerプリセットはアクセシビリティ向けに設計されていますが、重要な用途では必ずコントラストを確認してください。