見出し画像

誕生石1月~4月

私はAI小説も書きますが、イラストも描きます。
また、Webデザインも勉強しているので、今回は色コードを書いてみます。
これから色デザインを学ぶ方々の参考になればと思っています。

Webデザインで使う場合はrgba()で透明度ができます。
aは透明度を示します。

HEX(#)カラー
色コードが簡潔で、
通常の色指定に適している。
範囲: R, G, Bはそれぞれ0〜255の値を16進数(0〜F)で表現

RGBカラー
透明度を含む色を使いたい時に便利で、
視覚的に理解しやすい。
範囲: R, G, Bはそれぞれ0〜255の値を指定

今回は誕生石カラーを紹介します。
*このコードはAIに尋ねて書いており、作成はCanvaを使っています。



誕生石

1月 - ガーネット


16進数: #9B111E
RGB: rgb(155, 17, 30)

ガーネットは深紅色の宝石で、
エネルギッシュで情熱的な印象を与えます。

守護石としても知られ、
勇気や自信を象徴する色です。

ガーネットは、
愛情を育み、
家庭や友情の強化を促進する石とされています。

2月 - アメジスト


16進数: #6A0DAD
RGB: rgb(106, 13, 173)

アメジストは紫色の宝石で、
穏やかで精神的な安定をもたらす色です。

神秘的で心の平穏を象徴し、
直感力を高めると言われています。

アメジストは、
心の癒しや自己認識を促進する力を持っています。

3月 - アクアマリン


16進数: #7FFFD4
RGB: rgb(127, 255, 212)
アクアマリンは、淡い青緑色で、
穏やかでリラックスした印象を与える色です。

友情や愛情を象徴し、
心の静けさを保つとされています。

アクアマリンは、
勇気を与え、
冷静さを保つ助けになる石です。

4月 - ダイヤモンド


16進数
: #B9F2FF
RGB: rgb(185, 242, 255)
ダイヤモンドは透明な宝石で、
純粋さと永遠の美を象徴する色です。

誠実さや無限の愛、
永遠性を表現します。

ダイヤモンドは、
無条件の愛や強さを象徴し、
真実を見極める力を与えるとされています。

私はwebデザインをこれから勉強する人には
透明度を使う場合はrgbaが分かりやすいと思います。
例えば80%透明にしたい場合は
rgba(255,0,0,0.8)
ではなく
rgba(255,0,0,0.2)
20%だけ見えている状態を指します。
80%透明 (20%だけ不透明)

赤 (Red): rgb(255, 0, 0) → 赤が最大で、緑と青は0。
緑 (Green): rgb(0, 255, 0) → 緑が最大で、赤と青は0。
青 (Blue): rgb(0, 0, 255) → 青が最大で、赤と緑は0。

RGBはディスプレイなどの光を使って色を表示する際に使われるモデルで、光を加えることで色を作り出すため、
値が大きくなるほど色が鮮やかになります。

rgbaの形式では、透明度(アルファ値)は0から1の範囲で指定されます。
rgba(255, 0, 0, 1) → 完全に不透明(透明度100%)
赤の色がそのまま表示されます。

rgba(255, 0, 0. 0) → 完全に透明(透明度0%)
色が完全に透明になり、
背景が透けて見える状態になります。

イラストの場合は#を使って書いています。

いいなと思ったら応援しよう!

サクラモチ
よろしければサポートお願いします!