16 種類の黒の色合い (+ HEXコード)
明るい黒から深い黒まで、すべての黒の色合いを探索しましょう！HEXコード、色名、黒のカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。
純黒が良いデザインに使われることはあまりありません。画面では硬い輪郭になり、印刷ではほとんど再現できないため、実際の「黒」は青みか茶みを含む非常に濃いグレーです。
#000 はロゴや細い罫線に。本文やダークモードの背景には、やわらげた黒を使ってください。
- wild sand#f5f5f5
- mercury#e8e8e8
- alto#dcdcdc
- silver#c2c2c2
- nobel#b6b6b6
- silver chalice#a9a9a9
- dusty gray#9c9c9c
- gray#909090
- boulder#777777
- dove gray#6a6a6a
- scorpion#5d5d5d
- emperor#515151
- tundora#444444
- mine shaft#383838
- cod gray#1e1e1e
- black#050505
黒: 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 | #000000 | |
|---|---|---|
| RGB | rgb(0, 0, 0) | |
| HSL | hsl(0, 0%, 0%) | |
| CMYK | cmyk(0%, 0%, 0%, 100%) |
黒の明るい色と暗い色
白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。
明るい方向
#292929
#525252
#7a7a7a
#a3a3a3
#cccccc
#f5f5f5
暗い方向
#020202
#030303
#050505
#070707
#090909
#0a0a0a
黒と相性のよい色
補色
#000000 #000000
色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。
類似色
#000000 #000000 #000000
色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。
トライアド
#000000 #000000 #000000
等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。
黒の上の文字
WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます： コントラストチェッカー
黒のシェードチャート
右クリックでチャートを保存できます。個別のコードは上からコピーしてください。