DESIGN COLOR TOOL

基準色を1つ選ぶだけで、ブログ・LP・PowerPoint資料に使いやすい配色を自動生成します。色カードをクリックするとHEXコードをコピーできます。

基準カラー
配色タイプ
雰囲気
色数 5
生成されたカラーパレット 色カードをクリックするとコピーできます

使用イメージ

ブログ・LP・資料で使った時の見え方を確認できます。

Sample Design

見やすい配色で、伝わる資料に。

メインカラー・背景・アクセントのバランスをその場で確認できます。

文字の読みやすさチェック

背景色と文字色のコントラストを確認できます。

この文字が読みやすいか確認できます

CSS変数としてコピー

SWELLの追加CSSやLP制作にも使いやすい形式です。

お気に入りパレット

このブラウザに保存されます。

コピーしました