カラーツール

カラーコードの変換・抽出・コントラスト確認。 5個の無料ツール、ファイルサイズ制限なし、登録不要。

画面のための色の作業です。同じ色を HEX・RGB・HSL で読む、公開前に WCAG のコントラスト比で組み合わせを確かめる、CSS まで書き出されたグラデーションを作る、手元の写真から配色を取り出す。

カラーコード変換HEX・RGB・HSL・CMYK を見本つきで変換コントラスト比チェックWCAG AA・AAA を見本つきで確認CSS グラデーション作成線形・円形のグラデーションを作って CSS をコピー配色パターン 生成一つの色から配色を組み立てる画像から色を取る画素を押してその色をコピー

よくある質問

コントラストの基準は何ですか。

WCAG 2.1 のコントラスト比です。比率と、通常サイズと大きい文字それぞれの AA・AAA の判定が出るので、レビューでそのまま根拠にできます。

画像から色を拾う仕組みはどうなっていますか。

選んだ写真が端末の中のページに描かれ、そこから画素を読みます。画像がアップロードされることはなく、タブを閉じれば何も残りません。

CSS はコピーできますか。

できます。グラデーション生成は、作ったグラデーションを描く CSS をそのままコピーできる形で出します。このカテゴリが返すのはファイルではなくテキストです。

同じツールの別の呼び方:HEX を RGB に · RGB を HEX に · RGB を CMYK に · カラーピッカー · コントラスト確認 · WCAG コントラスト検査 · CSS グラデーション 生成 · 配色スキーム 生成

他のカテゴリ:画像 · PDF · 動画 · 単位 · テキスト · QRコード · 計算 · 時間・日付 · 開発 · 金融 · 健康 · ツール一覧