12 種類の緑の色合い (+ HEXコード)
明るい緑から深い緑まで、すべての緑の色合いを探索しましょう！HEXコード、色名、緑のカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。
緑は色名の中で最も守備範囲が広く、灰みのセージとネオンのライムは名前以外に共通点がありません。色相より先に彩度を決めてください。
成長や健康、「進んでよい」という合図を運びます。インターフェースでは成功状態に限って使うと意味が濁りません。
- hint of green#ebffeb
- snowy mint#d1ffd1
- reef#b7ffb7
- mint green#9dff9d
- screamin' green#6aff6a
- harlequin#36ff36
- green#1cff1c
- japanese laurel#009b00
- camarone#006700
- crusoe#004d00
- deep fir#003400
- black#000000
緑: HEX & RGB コード
緑 の主なカラーコードは以下のとおりです:
HEX: #ebffeb
RGB: (235, 255, 235).
インタラクティブなカラーピッカーを使って、さまざまな 緑 の色合いを探索しましょう。カラーをクリックすると、HEXコードをコピーしてプロジェクトで使用できます！
緑のティントを探索する
Hint of Green
#ebffeb
Hint of Green
#ebffeb
Hint of Green
#f0fff0
Hint of Green
#f0fff0
Sugar Cane
#f5fff5
Sugar Cane
#f5fff5
Sugar Cane
#f5fff5
Sugar Cane
#fafffa
Sugar Cane
#fafffa
White
#ffffff
緑のシェードを探索する
Dark Fern
#093409
Parsley
#154c15
Green Pea
#256525
Goblin
#3b813b
Fruit Salad
#559b55
Fern
#74b474
De York
#94cc94
Fringy Flower
#bde5bd
緑のHEX・RGB・HSL・CMYK
| HEX | #008000 | |
|---|---|---|
| RGB | rgb(0, 128, 0) | |
| HSL | hsl(120, 100%, 25%) | |
| CMYK | cmyk(100%, 0%, 100%, 50%) |
緑の明るい色と暗い色
白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。
明るい方向
#00bc00
#00f800
#36ff36
#72ff72
#aeffae
#ebffeb
暗い方向
#006e00
#005c00
#004a00
#003800
#002600
#001400
緑と相性のよい色
補色
#008000 #80007f
色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。
類似色
#408000 #008000 #008040
色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。
トライアド
#008000 #000080 #800000
等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。
緑の上の文字
WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます： コントラストチェッカー
緑のシェードチャート
右クリックでチャートを保存できます。個別のコードは上からコピーしてください。