#c67b4e
🎨 カラーパレット
📊 コントラストチェック
白文字サンプル
3.2:1
AA Large
黒文字サンプル
6.5:1
AAA
💡 活用ガイド
🌐 Webデザイン
CSSでの色指定（HEX, RGB, HSL）に対応。ブランドカラーの管理や、アクセシビリティ対応の色選びに活用できます。コントラストチェック機能で、WCAG基準を満たす配色を確認しましょう。
🎨 グラフィックデザイン
印刷用とWeb用の色変換に対応。カラーパレットの作成や、配色の調整・微調整が簡単に行えます。明度バリエーションを活用して、統一感のあるデザインを作成できます。
📊 プレゼン・資料作成
PowerPointの色指定に使えるHEXコードを取得。企業カラーの統一や、見やすい配色の選定に役立ちます。コントラストチェックで読みやすさを確認できます。
📱 アプリ・UI開発
ダークモード対応の色設計に便利。HSLを使えば、色のバリエーション作成が直感的に行えます。透明度（Alpha）の調整も、RGBAやHSLA形式で対応可能です。
🎓 豆知識
🔢 HEXカラーの仕組み
HEXカラーは16進数で色を表現します。00〜FF（0〜255）の値を使い、#RRGGBB形式で赤・緑・青の3色を指定します。#FFFFFFは白、#000000は黒です。短縮形として#FFF（= #FFFFFF）のように3桁で書くこともできます。
🖥️ RGBとCMYKの違い
RGBは光の三原色（Red, Green, Blue）で、画面表示用に使われます。色を混ぜると明るくなる「加法混色」です。一方、CMYKは印刷の四原色（Cyan, Magenta, Yellow, Key=Black）で、インクを混ぜると暗くなる「減法混色」です。同じ色でも表現方法が異なるため、印刷時は注意が必要です。
🌈 HSLの利点
HSLは人間の色認識に近い表現方法です。Hue（色相: 0〜360度）で色味、Saturation（彩度: 0〜100%）で鮮やかさ、Lightness（明度: 0〜100%）で明るさを指定します。同じ色相で明度だけを変えれば、統一感のあるカラーバリエーションが簡単に作れます。
🌐 Webセーフカラー
かつてのディスプレイは256色しか表示できず、その中でも216色が「Webセーフカラー」として推奨されていました。#00, #33, #66, #99, #CC, #FFの組み合わせです。現在はほぼすべてのデバイスがフルカラー（約1677万色）に対応しているため、気にする必要はほとんどありません。