6月22日の誕生色は、採用する体系によって異なります。日本版の366日バースデーカラーでは「ガーネットブラウン」、I-IROのColorstrology系では「ブライト・ライムグリーン」が対応します。
初めて見る方へ|そもそも誕生色とは?
誕生色は、誕生日の月や日に色を結びつけて楽しむ考え方です。 公的なひとつの統一規格ではないため、同じ誕生日でも体系によって違う色が割り当てられることがあります。色しるべでは、それらを混ぜずに体系別で比較します。
HEXについて
ここで表示するHEXは、公開資料をもとにした画面表示用の参考値です。同じ色名でも資料によって値が異なることがあり、物理的な色見本やPANTONEの実物色とHEXを完全に同一視するものではありません。
日本版の6月22日の誕生色は「ガーネットブラウン」
Happy Birthday Projectの366日誕生色一覧では、6月22日に「ガーネットブラウン」が掲載されています。画面表示用の参考HEXは #973B2C です。
I-IROでは「ブライト・ライムグリーン」
I-IROの誕生色図鑑では、6月22日に「ブライト・ライムグリーン」が対応します。画面表示用の参考HEXは #A2C66C です。
6月22日のカラーコード・RGB・HSL早見表
画面上で色を扱いやすいように、2体系の参考HEXからRGB・HSL・CMYKの目安を計算して並べます。CMYKはsRGBからの簡易換算で、印刷物の実測値やICCプロファイルを使った変換とは異なります。
| 体系 | 色名 | HEX | RGB | HSL | CMYK目安 |
|---|---|---|---|---|---|
| 日本版 | ガーネットブラウン | #973B2C | 151, 59, 44 | 8°, 55%, 38% | 0%, 61%, 71%, 41% |
| Colorstrology系 | ブライト・ライムグリーン | #A2C66C | 162, 198, 108 | 84°, 44%, 60% | 18%, 0%, 45%, 22% |
6月22日の誕生色を配色に使うなら
日本版の「ガーネットブラウン」を主役にした教材用の配色例です。公式な組み合わせではなく、色の見え方を試すための例として利用してください。
※3色目はHSL上で色相をおよそ180°ずらした教材用アクセントです。「補色」は採用する色モデル・色相環によって定義が変わるため、唯一の公式な補色を示すものではありません。
以下は色しるべの色図鑑データベースに登録された定義・意味・由来・使い方などを、この記事の2色に合わせて整理したものです。誕生色としての割り当てと、色名そのものの意味や歴史は分けて確認できます。
日本版の誕生色「ガーネットブラウン」を色そのものから詳しく見る
ガーネットブラウンは、日本版の誕生色体系で6月22日の色として掲載される色名です。色しるべでは、画面表示用の参考HEX #973B2C と出典を分けて掲載しています。
ガーネットブラウンの意味・捉え方
ガーネットブラウンは誕生色の体系で用いられる色名です。色しるべでは、誕生色としての掲載事実と参考HEXを出典と分けて整理しています。
ガーネットブラウンの使い方
Webやデザインでこの色を使う場合は、掲載しているHEXを画面表示用の目安として利用できます。印刷物では用紙・インキ・照明・色管理条件によって見え方が変わります。
Colorstrology系の誕生色「ブライト・ライムグリーン」を色そのものから詳しく見る
ブライト・ライムグリーンは、Colorstrology系の誕生色体系で6月22日の色として掲載される色名です。色しるべでは、画面表示用の参考HEX #A2C66C と出典を分けて掲載しています。
ブライト・ライムグリーンの意味・捉え方
ブライト・ライムグリーンは誕生色の体系で用いられる色名です。色しるべでは、誕生色としての掲載事実と参考HEXを出典と分けて整理しています。
ブライト・ライムグリーンの使い方
Webやデザインでこの色を使う場合は、掲載しているHEXを画面表示用の目安として利用できます。印刷物では用紙・インキ・照明・色管理条件によって見え方が変わります。
6月22日の2つの誕生色は、色としてどれくらい違う?
色相差は約76°で、色相にほどよい差がある組み合わせです。HSLの明度では「ブライト・ライムグリーン」の方が高く、2色の明度差は22ポイントです。彩度は「ガーネットブラウン」の方が高く、差は11ポイントです。2色間のWCAG方式のコントラスト比は3.64:1で、2色の明暗差は中程度と読めます。
ガーネットブラウンとブライト・ライムグリーンを一緒に使うなら
2色だけでもある程度の明暗差があります。大きな見出しやボタン同士の区別には使いやすい一方、通常サイズの文字と背景の組み合わせとして使う場合は別途コントラスト確認が必要です。役割を分けるなら、より明るい「ブライト・ライムグリーン」を広い背景面、より暗い「ガーネットブラウン」をアクセント側に置く構成が一案です。
※HSLは掲載HEXから計算した画面上の比較値です。「印象」や「似合う人」を断定するものではなく、2色の数値上の違いを確認するための指標です。
6月22日の誕生色を「色の組み合わせ」として読む
6月22日の2色を色相ファミリーで見ると、日本版の「ガーネットブラウン」は赤系、Colorstrology系の「ブライト・ライムグリーン」は黄緑系に位置します。両者は中程度の色相差で、単に色名が違うだけでなく、色相環上の方向にも違いがあります。このため、2体系を並べて見ると「同じ誕生日に割り当てられた色でも、視覚的な性格は別物」という点が分かりやすい組み合わせです。
トーンまで分解すると、「ガーネットブラウン」はやや暗い・やや高彩度、「ブライト・ライムグリーン」は中明度・中彩度です。 明るさでは「ブライト・ライムグリーン」が上、「ガーネットブラウン」が下に位置します。 彩度では「ガーネットブラウン」の方が強く、「ブライト・ライムグリーン」の方が落ち着いた方向です。
実用面では2色間に中程度の明暗差があります。見出しや大きな面の切り替えには使いやすい一方、通常文字と背景の組み合わせは別途コントラストを確認した方が安全です。 配色の役割を決めるなら「ブライト・ライムグリーン」を広い面、「ガーネットブラウン」を締め色側に置く考え方が使えます。 また「ガーネットブラウン」は彩度が高いため、小さな面積でも視線を集めやすい側です。
6月22日の2つの誕生色は「意味」と「使い方」でどう違う?
6月22日の2色は、誕生色としての割り当て元だけでなく、色名そのものの意味や実用上の扱いも分けて確認すると整理しやすくなります。下の比較は、色しるべの色図鑑DBに保存された意味・用途データを短く要約したものです。
ガーネットブラウン
- 意味の要点
- ガーネットブラウンは誕生色の体系で用いられる色名です。色しるべでは、誕生色としての掲載事実と参考HEXを出典と分けて整理しています。
- 使い方の要点
- Webやデザインでこの色を使う場合は、掲載しているHEXを画面表示用の目安として利用できます。印刷物では用紙・インキ・照明・色管理条件によって見え方が変わります。
- DBの厚み
- 意味・用途データあり
ブライト・ライムグリーン
- 意味の要点
- ブライト・ライムグリーンは誕生色の体系で用いられる色名です。色しるべでは、誕生色としての掲載事実と参考HEXを出典と分けて整理しています。
- 使い方の要点
- Webやデザインでこの色を使う場合は、掲載しているHEXを画面表示用の目安として利用できます。印刷物では用紙・インキ・照明・色管理条件によって見え方が変わります。
- DBの厚み
- 意味・用途データあり
2色は語義確認に使っている資料系統が異なる場合があるため、色名の定義と誕生色としての割り当てを混同せずに読むのがポイントです。
※ここでの「意味」は色名・色資料側の説明を要約したものです。誕生色から性格や運勢を科学的に判断するものではありません。
6月22日の2つの誕生色はどう違う?
冒頭で見た2色を、ここでは色相方向と明るさの違いに絞って比較します。細かなRGB・HSL・CMYKは上の早見表で確認できます。
| 比較項目 | ガーネットブラウン | ブライト・ライムグリーン |
|---|---|---|
| 体系 | 日本版 | Colorstrology系 |
| 参考HEX | #973B2C | #A2C66C |
| 色相の方向 | 赤系 | 緑系 |
| 明るさ | 暗め | 中程度の明るさ |
HSL上では色相方向に明確な違いがあります。 Lightnessにも分かりやすい差があります。
HSLの数値を見るときの注意
6月22日の誕生色を文字や背景に使うときのコントラスト
Webで背景色として使う場合は、色名だけでなく文字との明暗差も確認すると読みやすさを保ちやすくなります。以下はWCAGのコントラスト比の計算方法に基づく参考値です。
※AAの一般的な目安は通常文字で4.5:1以上、大きな文字で3:1以上です。実際のUIでは文字サイズ・太さ・周辺色も合わせて確認してください。
6月22日の誕生色についてよくある質問
ブライト・ライムグリーンも6月22日の誕生色ですか?
I-IROの誕生色図鑑では「ブライト・ライムグリーン」が6月22日に対応します。
誕生色で性格が決まりますか?
誕生色に性格や象徴を結びつける体系はありますが、科学的に性格が決定されることを示すものではありません。文化的・占術的な楽しみ方と色彩学上の説明は分けて考えるのが適切です。
関連ページ・この誕生色を使う
- 6月の誕生色一覧
- 366日の誕生色を調べる
- この日付を使って2人のバースデーカラーを混ぜる
- この日付を使って2人のバースデーカラーを組み合わせる
- この日付のバースデーカラームーンを作る
- 色を比べる
- 配色ラボを使う
主要出典・確認方針4件出典を見る
誕生色は単一の公的規格ではないため、色しるべでは日本版とColorstrology系の参照元を分けて記載しています。以下はこの記事で確認した主要な公開資料です。
- Happy Birthday Project|誕生色一覧
- I-IRO|6月22日の誕生色
- W3C|CSS Color Module Level 4(HSL・CSS色表現)
- W3C WAI|WCAG 2.2 Contrast (Minimum)(コントラスト比)
HEXは画面表示用の参考値です。物理的な色見本やPANTONE実物色と完全に同一ではありません。
