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 ではアルファが省略されます。コントラストしきい値は、完全なアクセシビリティ監査に代わるものではありません。
入力が変更されました。このレポートはまだ最後に成功した実行に属しています。
—
—
—
—
—
—
WCAG コントラスト比:
- AA · 4.5:1
- AA · 3:1
- AAA · 7:1
4.5:1 は、通常のテキストの AA しきい値です。 3:1 は、十分に大きなテキストにのみ適用されます。通常のテキストでは 7:1 が AAA です。カラーペアのチェックは、ページ全体のアクセシビリティを確立するものではありません。
オンライン CSS カラー チェッカーを使用する理由は何ですか?
このツールを使用すると、CSS カラー値をブラウザーで直接すばやく視覚化できます。デザイン システム、スタイル ガイド、またはレイアウトからコードを貼り付けると、画面上でどのように表示されるかをすぐに確認できます。
Web サイトのスタイルを準備したり、ブランドカラーを一致させたり、既存のレイアウトをデバッグしたりするときに使用します。チェッカーは、HEX、RGB、RGBA、HSL、名前付きカラーなど、すべての標準 CSS 形式をサポートします。
その他のツール
ユーザーレビュー
レビューは公開前にチェックされます。私たちは本物の肯定的なフィードバックと具体的な批判を公開します。有用な詳細のないスパムや侮辱は公開されません。冒涜的な内容や個人的な詳細は隠されています。肯定的な投票はすぐにカウントされます。否定票はレビュー後にカウントされます。
レビューはユーザーの体験を反映したものであり、結果の保証やサービス制限の説明ではありません。レビューを残すには、上の評価ボタンを使用してください。
この言語で公開されたレビューはまだありません。
