# カラーツール

更新日：2026年10月9日

色を扱うための4つの無料ツールです。任意の色を選んでコードをコピー、HEX・RGB・HSL間で変換、調和のとれたパレットを生成、WCAG基準でテキストのコントラストをチェックできます。登録やダウンロードは不要です。

- [**カラーピッカー**色を選んでHEX/RGB/HSLを確認、ワンクリックでコピー、シェードとティントも取得。](/ja/karaa-pikkaa/)
- [**HEX/RGB/HSL変換**入力検証付きで色の形式を相互変換。](/ja/iro-hyougen-henkan/)
- [**パレットジェネレーター**任意のベースカラーから調和のとれた5色パレットを生成。](/ja/paretto-generator/)
- [**コントラストチェッカー**WCAGコントラスト比をAA/AAAの合否付きで表示。](/ja/kontorasuto-chekku/)

## Frequently asked questions

### これらのカラーツールは無料ですか？

はい。4つのツールはすべて永久に無料で、アカウント登録も利用制限もありません。すべてブラウザ内で動作するため、選んだ色や変換内容がアップロードされることはありません。

### 対応している色形式は？

HEX（#3B82F6のような形式）、RGB（赤・緑・青を0〜255で表記）、HSL（色相0〜360、彩度・明度をパーセントで表記）です。変換ツールは入力検証付きで相互に変換します。

### コントラストチェッカーは何のためですか？

ある背景色に対するテキスト色が、WCAGのアクセシビリティ基準（通常テキストと大きなテキストのAA・AAAレベル）を満たすかを判定します。誰にとっても読みやすいテキストにするためにデザイナーが使います。

### カラーコードをコピーできますか？

はい。任意の値やスウォッチをクリックするとクリップボードにコピーされ、CSSやデザインツール、文書にそのまま貼り付けられます。