CSS カラーコンバーターとコントラストチェック CSS カラーコンバーターとコントラストチェック

CSS カラーコンバーターとコントラストチェック

CSS カラー値を入力します (例: #ff6600、ff6600、rgb(255 102 0)、または hsl(24 100% 50%)。このツールは色を表示し、それを一般的な CSS 形式に変換します。

このブラウザでは値は sRGB に解決されます。 currentColor、var()、システムカラーなどのコンテキスト依存の色は受け入れられません。広色域および CSS カラー 4 関数は、このツールでサポートされている入力形式の範囲外です。 RGBA、HSLA、アルファ HEX では透明度が保持されます。 RGB および HSL ではアルファが省略されます。コントラストしきい値は、完全なアクセシビリティ監査に代わるものではありません。

オンライン CSS カラー チェッカーを使用する理由は何ですか?

このツールを使用すると、CSS カラー値をブラウザーで直接すばやく視覚化できます。デザイン システム、スタイル ガイド、またはレイアウトからコードを貼り付けると、画面上でどのように表示されるかをすぐに確認できます。

Web サイトのスタイルを準備したり、ブランドカラーを一致させたり、既存のレイアウトをデバッグしたりするときに使用します。チェッカーは、HEX、RGB、RGBA、HSL、名前付きカラーなど、すべての標準 CSS 形式をサポートします。

クイックスタート

CSS 色を変換し、アルファを使用して不透明な背景上のテキストのコントラストを確認します。

  1. 文字の色と背景を入力してください
  2. コントラスト閾値の変換と検査
  3. フォーマットをコピーするか、CSS と JSON をエクスポートします

その他のツール

URL デコーダとエンコーダ
URL デコーダとエンコーダ
HTTP レスポンス チェッカー オンライン
HTTP レスポンス チェッカー オンライン
ページ読み込み速度チェッカー
ページ読み込み速度チェッカー
コードからの CSS カラー
コードからの CSS カラー
URLパーサー
URLパーサー
セーフリンク デコーダ
セーフリンク デコーダ

ユーザーレビュー

レビューは公開前にチェックされます。私たちは本物の肯定的なフィードバックと具体的な批判を公開します。有用な詳細のないスパムや侮辱は公開されません。冒涜的な内容や個人的な詳細は隠されています。肯定的な投票はすぐにカウントされます。否定票はレビュー後にカウントされます。

レビューはユーザーの体験を反映したものであり、結果の保証やサービス制限の説明ではありません。レビューを残すには、上の評価ボタンを使用してください。

この言語で公開されたレビューはまだありません。