16 種類のベージュの色合い (+ HEXコード)
明るいベージュから深いベージュまで、すべてのベージュの色合いを探索しましょう！HEXコード、色名、ベージュのカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。
ベージュは黄色をわずかに含む中間色で、だからグレーより温かく穏やかに見えます。インテリアやスキンケア、ゆっくりしたものづくりのブランドが好んで使います。
弱点は単調さです。背景にベージュを使うなら、文字ははっきり濃い茶色にし、ベージュを二つ重ねないでください。
- white#ffffff
- beige#f9f9eb
- fall green#eeeec4
- zombie#e3e39d
- chenin#d8d875
- tacha#d3d362
- turmeric#cdcd4e
- earls green#c7c73a
- luxor gold#a2a22e
- wasabi#8e8e28
- pacifika#7a7a22
- fern frond#67671d
- west coast#535317
- camouflage#3f3f12
- onion#2c2c0c
- el paso#181807
ベージュ: HEX & RGB コード
ベージュ の主なカラーコードは以下のとおりです:
HEX: #ffffff
RGB: (255, 255, 255).
インタラクティブなカラーピッカーを使って、さまざまな ベージュ の色合いを探索しましょう。カラーをクリックすると、HEXコードをコピーしてプロジェクトで使用できます！
ベージュのティントを探索する
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
White
#ffffff
ベージュのシェードを探索する
Aubergine
#330a0a
Brown Derby
#4f1717
Buccaneer
#662929
Lotus
#814141
Au Chico
#995c5c
Brandy Rose
#b47e7e
Eunry
#cca3a3
Dust Storm
#e7d0d0
ベージュのHEX・RGB・HSL・CMYK
| HEX | #F5F5DC | |
|---|---|---|
| RGB | rgb(245, 245, 220) | |
| HSL | hsl(60, 56%, 91%) | |
| CMYK | cmyk(0%, 0%, 10%, 4%) |
ベージュの明るい色と暗い色
白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。
明るい方向
#f6f6df
#f7f7e2
#f8f8e5
#f9f9e8
#fafaec
#fbfbef
暗い方向
#e5e5a2
#d4d468
#bdbd35
#838325
#4a4a15
#101004
ベージュと相性のよい色
補色
#F5F5DC #dbdbf5
色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。
類似色
#f5e8db #F5F5DC #e8f5db
色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。
トライアド
#F5F5DC #dbf5f5 #f5dbf5
等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。
ベージュの上の文字
WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます： コントラストチェッカー
ベージュのシェードチャート
右クリックでチャートを保存できます。個別のコードは上からコピーしてください。