無料のオンラインカラーツール
カラーコードの変換、配色パレットやグラデーションの作成、文字のコントラストチェック、色名の検索ができます。 すべて無料・登録不要です。
5件のツール
- コントラストチェッカーWCAGのコントラスト比で、文字が背景の上で読みやすいかをチェックできます。通常の文字、大きな文字、UI部品それぞれのAA・AAAの判定を表示し、基準を満たす最も近い色も提案します。
- 色の名前検索どんな色でも名前がわかります。HEX、RGB、HSLのコードを貼り付けると、近いCSSの色名、わかりやすい説明、閲覧できる148色の名前付きカラー一覧が表示されます。
- カラーパレット生成キーを押すだけでカラーパレットを生成し、気に入った色はロックできます。ベースカラーから類似色、補色、トライアドの配色でパレットを作ることも。CSS変数、Tailwind、JSONで書き出せます。
- CSSグラデーション作成最大8つのカラーストップで、線形・円形・扇形（conic）のグラデーションをデザインし、プレビューを見ながらCSSをコピーできます。よく使うサイズのPNG背景としてダウンロードすることもできます。
- HEX・RGBカラー変換色をHEX、RGB、HSL、HSV、CMYKの間で一度に変換できます。透明度にも対応。どの形式のコードでも貼り付けるか色を選び、必要な形式をコピーして、文字のコントラストも確認できます。