カラーツール一覧

パレット作成からコントラスト確認、画像からの色抽出まで。用途がわかる説明付きで、目的のカラーツールにすぐ移動できます。

パレットジェネレーター

配色・カラースキームを自動生成。ブランドやUIのカラーパレットをすぐ作れます。

色名・HEX・RGBを確認しながら、デザインに使う色をすばやく選べます。

テキストと背景のコントラスト比を確認し、WCAGアクセシビリティ基準を満たせます。

写真やスクショから主要色を抽出し、そのまま使えるパレットにできます。

CSS用の美しいグラデーションを作成し、コードをコピーしてすぐ使えます。

壁紙やSNS・プレゼン用の背景をサイズ別に作成し、そのまま書き出せます。

現在時刻をHEX色に変換し、時間の流れを色で眺められます。

UIテンプレート上でパレットをプレビューし、実案件での見え方を確認できます。

任意の色からシェードとティントを生成し、単色配色のバリエーションを作れます。