カラーパレット・ジェネレーター＆カラーコード変換

ベースカラー

HEX（#2A5298・#25A）、rgb()、hsl()、hsv()、cmyk()、「42 82 152」の形で入力できます。

カラーコード

CMYKは画面の色（RGB）からの単純な計算値です。印刷で使うときは、印刷所の指定やカラープロファイルで確かめてください。

色の見本を押すとHEXをコピーします。「ベースにする」で、その色を元に作り直します。

色の計算はすべてブラウザの中で行い、外部のサーバーには送信されません。

使い方

1つのベースカラーから、相性のよい配色と濃淡をまとめて作れるツールです。

Webサイトやアプリ、資料の色決めで、HEX・RGB・HSL・CMYKなどのコードを探して変換する手間を省けます。

豆知識・背景知識

補色は色相環で正反対にある色の組み合わせで、お互いを引き立て合います。たとえば青とオレンジ、赤と青緑（シアン）です。

HEXの「#2A5298」は、赤・緑・青をそれぞれ00〜FFの16進数で表したものです。「#25A」のような3桁は「#2255AA」の省略形です。

画面は光の三原色（RGB）を足して色を作り、印刷はインクのCMYK（シアン・マゼンタ・イエロー・黒）で光を吸収して色を作ります。そのため、画面の鮮やかな色が、印刷では再現できないことがあります。

「カラーパレット・カラーコード変換」について、感想・使いにくいところ・欲しい機能などを気軽に教えてください。

まだ投稿がありません。最初の一言をお待ちしています！

お名前（任意）

評価（任意）

コメント必須

投稿された内容はこのページに公開されます。個人情報や連絡先は書かないでください。宣伝・URLを含む投稿は自動的に非表示になります。

利用にお金はかかりますか？会員登録は必要ですか？

すべて無料でお使いいただけます。会員登録やログインも必要ありません。

入力した内容はサーバーに送られていますか？

計算やツールの処理は、お使いのブラウザの中だけで行っています。入力された数値や画像がサーバーへ送られることはありません。
コメント欄に投稿された内容だけは、他の方にも読んでいただくためにサーバーへ保存されます。

スマホやタブレットでも使えますか？

iPhone・iPad・Android のブラウザに対応しています。画面の幅に合わせて表示が切り替わります。

要望やバグを見つけたときはどこへ伝えればよいですか？

「投稿する」タブからお知らせください。いただいた内容は運営で確認し、改善の参考にさせていただきます。