更新日:2026年10月9日
カラーツール
色を扱うための4つの無料ツールです。任意の色を選んでコードをコピー、HEX・RGB・HSL間で変換、調和のとれたパレットを生成、WCAG基準でテキストのコントラストをチェックできます。登録やダウンロードは不要です。
- カラーピッカー色を選んでHEX/RGB/HSLを確認、ワンクリックでコピー、シェードとティントも取得。
- HEX/RGB/HSL変換入力検証付きで色の形式を相互変換。
- パレットジェネレーター任意のベースカラーから調和のとれた5色パレットを生成。
- コントラストチェッカーWCAGコントラスト比をAA/AAAの合否付きで表示。
Frequently asked questions
これらのカラーツールは無料ですか?
はい。4つのツールはすべて永久に無料で、アカウント登録も利用制限もありません。すべてブラウザ内で動作するため、選んだ色や変換内容がアップロードされることはありません。
対応している色形式は?
HEX(#3B82F6のような形式)、RGB(赤・緑・青を0〜255で表記)、HSL(色相0〜360、彩度・明度をパーセントで表記)です。変換ツールは入力検証付きで相互に変換します。
コントラストチェッカーは何のためですか?
ある背景色に対するテキスト色が、WCAGのアクセシビリティ基準(通常テキストと大きなテキストのAA・AAAレベル)を満たすかを判定します。誰にとっても読みやすいテキストにするためにデザイナーが使います。
カラーコードをコピーできますか?
はい。任意の値やスウォッチをクリックするとクリップボードにコピーされ、CSSやデザインツール、文書にそのまま貼り付けられます。