緑のカラーコード（緑系38色）

緑は、ネオンやライムからエメラルド、ジェイドを経て、黒に近いブリティッシュレーシンググリーンまで幅があります。このページでは、forestgreenやseagreenなど20色のCSS色名に、エメラルド、ジェイド、マジックミント、セージ、ケリー、ハンター、ファーン、モスなどを加えた緑系38色を、HEX・RGB・HSL・HSV・CMYK・OKLCHのコードと、明るい版・暗い版、それぞれの補色とともに紹介します。

使い方

1. 緑系の色を選びます。
2. 必要な形式のコードをコピーします。CSSの色名はそのまま使えます。
3. 明るい版と暗い版は、ホバー状態、枠線、背景に使えます。
4. 表ですべての緑を比べるか、チャートをダウンロードします。

計算式

明るい版 ＝ c + (255 − c) × p · 暗い版 ＝ c × (1 − p) · 補色 ＝ HSLの色相 + 180°

cはRGBの各チャンネル、pは量（15〜75%）です。CSSにない名前には公式の定義がないため、コードは一般的な参考値に従っています。

計算例

エメラルドは #50C878 ＝ rgb(80, 200, 120) ＝ hsl(140, 52.2%, 54.9%) です。色相を180°回すと、補色のオーキッドピンク #C850A0 になります。CSSの癖にも注意してください。green は #008000 にすぎず、画面上の純粋な緑 #00FF00 は lime と呼ばれます。