カラーパレット生成ツール
ベースカラーから美しいカラーパレットを生成 — モノクロ、補色、三角形、類似色。CSS 変数含む。
#color#palette#design#hex#complementary#triadic#css
Loading tool...
How to use
- 1HEX カラーコードを入力、例：#3B82F6
- 2オプション："scheme=complementary" を追加して特定のパレットタイプを選択
- 3"処理"をクリックして HEX + RGB + HSL と CSS 変数のパレットを取得
Frequently Asked Questions — カラーパレット生成ツール
補色とは何ですか？+
補色は色相環で直接反対側にある色（180° 離れた位置）です。強いコントラストを作り、コールトゥアクション要素に最適です。
CSS 変数の出力はどのように使用しますか？+
:root { ... } ブロックを CSS ファイルにコピーします。その後、スタイルシート全体でハードコードされた値の代わりに var(--color-primary) を使用します。