Hex カラーコードとは
Hex カラーコードの基本的な用途と、Webページ、UI、グラフ、ボタン、背景、枠線、テキストでの使い方を説明します。
使い方
カラーピッカー、色相環、カラーチャート、カラーライブラリ、コントラスト確認、カラーミキサーと組み合わせて値を選択、変換、確認、書き出しできます。
Web配色での活用
実際の制作では、読みやすさ、コントラスト、ブランドの一貫性、明るい背景と暗い背景での見え方を確認してください。
関連カラー ツール
このガイドで説明した色値を選択、変換、確認、書き出しするためのツールです。
その他のカラーガイド
カラーガイドHTML カラーコード、Hex、RGB、HSL、CSS カラー、パレット、Web セーフカラー、色の濃淡を学ぶ実用ガイドです。HTML カラーコードHTML カラーコードの仕組みを学び、Hex、RGB、HSL、OKLCH、名前付き色、CSS 用の値をコピーできます。RGB カラーコードUnderstand RGB color codes, convert RGB から Hex, and use rgb() values in CSS.HSL カラーコードHSL カラーコード、色相角、彩度、明度、CSS の hsl() の使い方を学びます。CSS カラーコードスタイルシート、グラデーション、枠線、影、SVG、UI デザインで CSS カラーコードを使います。カラーパレット生成ベースカラー、画像、色相環、ハーモニー、シェード、ティント、トーンからパレットを生成します。Web セーフカラーWeb セーフカラー、従来のブラウザー安全パレット、Hex 値、現代的な代替色を確認します。色の濃淡生成任意の Hex、RGB、HSL、OKLCH からシェード、ティント、トーン、バリエーションを作成します。