配色
基準色を保ちながら配色を作り、各HEXカラーとCSS変数をコピーします。 ファイルや入力内容はサーバーに送信・保存されません。
使い方
基準色を保ちながら配色を作り、各HEXカラーとCSS変数をコピーします。
対応形式と制限
Values / Images → SVG / PNG
すべての処理はブラウザー内で行われます。形式と端末のメモリーにより処理範囲が制限されます。
最初の見本は入力した基準色です。最大10色まで作れます。
配色 ご利用案内
使用方法
- 基準色を選ぶか6桁のHEXコードを入力します。
- 類似色・補色・トライアド・明度変化と色数を選びます。
- 色見本を確認し、各色・CSS変数をコピーします。
使用例
入力・設定
基準#235c47 · 類似色 · 5色
結果・確認
基準色 + 合う4色
確認事項
- 最初の見本は入力した基準色です。最大10色まで作れます。
- 文字に使う場合はコントラストを別途確認してください。端末内で計算し、ファイルを作る必要はありません。