18 種類のヘーゼルの色合い (+ HEXコード)
明るいヘーゼルから深いヘーゼルまで、すべてのヘーゼルの色合いを探索しましょう！HEXコード、色名、ヘーゼルのカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。
ヘーゼルはくすんだ金茶で、瞳や枯れ草の色です。マスタードより静かでオリーブより温かく、その二つを橋渡しします。
秋の配色、ナチュラル系の化粧品、クリーム地に組んだ文字によく合います。
- linen#fcf9ee
- coconut cream#f8f2d8
- sidecar#f5eac1
- double colonial white#f1e3ab
- chalky#eddc95
- flax#e9d47f
- rob roy#e6cd69
- anzac#e2c553
- golden grass#dab727
- nugget#c6a522
- lucky#b0931e
- hacienda#9a811a
- olivetone#846e16
- raw umber#6e5c13
- bronze olive#58490f
- cannon black#2c2507
- acadia#161204
- black#000000
ヘーゼル: HEX & RGB コード
ヘーゼル の主なカラーコードは以下のとおりです:
HEX: #fcf9ee
RGB: (252, 249, 238).
インタラクティブなカラーピッカーを使って、さまざまな ヘーゼル の色合いを探索しましょう。カラーをクリックすると、HEXコードをコピーしてプロジェクトで使用できます！
ヘーゼルのティントを探索する
Linen
#fcf9ee
Linen
#fcf9ee
Linen
#fdfaf2
Linen
#fdfbf2
Bianca
#fdfcf6
Bianca
#fdfcf7
Old Lace
#fefcf6
Bianca
#fefdfb
Bianca
#fefefb
White
#ffffff
ヘーゼルのシェードを探索する
Brown Tumbleweed
#332b0a
Punga
#4c4015
Dallas
#645626
Yellow Metal
#7d6f3b
Barley Corn
#958756
Mongoose
#afa374
Rodeo Dust
#c9be97
Stark White
#e3dcc0
ヘーゼルのHEX・RGB・HSL・CMYK
| HEX | #8E7618 | |
|---|---|---|
| RGB | rgb(142, 118, 24) | |
| HSL | hsl(48, 71%, 33%) | |
| CMYK | cmyk(0%, 17%, 83%, 44%) |
ヘーゼルの明るい色と暗い色
白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。
明るい方向
#be9e20
#ddbc36
#e5cb64
#edda92
#f4eac0
#fcf9ee
暗い方向
#7b6615
#665511
#51430e
#3c320a
#272007
#110f03
ヘーゼルと相性のよい色
補色
#8E7618 #183090
色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。
類似色
#903c18 #8E7618 #6c9018
色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。
トライアド
#8E7618 #189078 #781890
等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。
ヘーゼルの上の文字
WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます： コントラストチェッカー
ヘーゼルのシェードチャート
右クリックでチャートを保存できます。個別のコードは上からコピーしてください。