Feature One
カード背景と境界線の見え方を確認します。
Color Palette Studio
色を組み合わせて、Webサイトでの見え方やCSSコードをすぐに確認できる無料のカラーパレット作成ツールです。
カラーパレット
色の追加・変更・削除・並び替えができます（2〜10色）。
Webサイト配色プレビュー
現在のパレットを使った簡易モックアップです。
Brand
Build something beautiful
パレットの色が、ヘッダー・本文・アクセント・背景・カードにどのように効くかを確認できます。
Feature Two
追加した色は装飾や枠にも使われます。
Feature Three
配色のバランスをリアルタイムで調整できます。
CSS変数
パレットから自動生成されたCSS変数です。
共有URL
URLのハッシュにカラーコードが含まれます。リンクを開けば同じパレットが復元されます。
使い方
- カラーピッカーやHEX入力で色を変更します。
- 「色を追加」でパレットを増やし、「←」「→」で順番を入れ替えます。
- 各色のコピーボタンでHEXコードをコピーできます。
- 下部のプレビューとCSS変数で、サイトでの見え方を確認します。
- 「共有URLをコピー」で、同じ配色を他の人と共有できます。