12 種類の灰色の色合い (+ HEXコード)
明るい灰色から深い灰色まで、すべての灰色の色合いを探索しましょう！HEXコード、色名、灰色のカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。
グレーは配色全体を支える地面です。重要なのは温度で、青を含むグレーは技術的に、茶を含むグレーは人間的に見えます。
明るいグレーの背景に中間グレーの文字は避けてください。最もよくあるアクセシビリティの失敗です。
- wild sand#f5f5f5
- mercury#e9e9e9
- alto#dcdcdc
- silver#c4c4c4
- silver chalice#acacac
- gray#939393
- boulder#7b7b7b
- dove gray#6e6e6e
- scorpion#565656
- tundora#4a4a4a
- mine shaft#3e3e3e
- cod gray#191919
灰色: HEX & RGB コード
灰色 の主なカラーコードは以下のとおりです:
HEX: #f5f5f5
RGB: (245, 245, 245).
インタラクティブなカラーピッカーを使って、さまざまな 灰色 の色合いを探索しましょう。カラーをクリックすると、HEXコードをコピーしてプロジェクトで使用できます！
灰色のティントを探索する
Wild Sand
#f5f5f5
Wild Sand
#f5f5f5
Wild Sand
#f7f7f7
Wild Sand
#f7f7f7
Alabaster
#fafafa
Alabaster
#fafafa
Alabaster
#fafafa
Alabaster
#fcfcfc
Alabaster
#fcfcfc
White
#ffffff
灰色のシェードを探索する
Aubergine
#330a0a
Cedar
#4b1616
Buccaneer
#622727
Lotus
#7b3d3d
Au Chico
#935858
Pharlap
#ab7878
Quicksand
#c49c9c
Wafer
#ddc6c6
灰色のHEX・RGB・HSL・CMYK
| HEX | #808080 | |
|---|---|---|
| RGB | rgb(128, 128, 128) | |
| HSL | hsl(0, 0%, 50%) | |
| CMYK | cmyk(0%, 0%, 0%, 50%) |
灰色の明るい色と暗い色
白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。
明るい方向
#939393
#a7a7a7
#bababa
#cecece
#e1e1e1
#f5f5f5
暗い方向
#6c6c6c
#585858
#454545
#313131
#1e1e1e
#0a0a0a
灰色と相性のよい色
補色
#808080 #808080
色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。
類似色
#808080 #808080 #808080
色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。
トライアド
#808080 #808080 #808080
等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。
灰色の上の文字
WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます： コントラストチェッカー
灰色のシェードチャート
右クリックでチャートを保存できます。個別のコードは上からコピーしてください。