← ツールに戻る

カラーツール

カラーフォーマット変換、パレット生成、コントラストチェック

カラー変換

変換結果

HEX
#FF5733
RGB
rgb(255, 87, 51)
HSL
hsl(9, 100%, 60%)
CSS
color: #FF5733;

パレット生成

生成されたパレット
カラーをクリックしてコードをコピー

グラデーション生成

CSS Linear Gradient
linear-gradient(90deg, #FF5733, #33A1FF)
プレビュー

コントラストチェック

コントラスト比
21:1
AA 通常テキスト
✓ 合格
AAA 拡張コントラスト
✓ 合格
プレビュー

見出しテキスト

これは、カラーコントラストがアクセシビリティ基準を満たしているかをテストするためのサンプルテキストです。