15 種類の白の色合い (+ HEXコード)
明るい白から深い白まで、すべての白の色合いを探索しましょう！HEXコード、色名、白のカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。
白は不在ではなく選択です。冷たい白は製品を無機質に、温かい白は考え抜かれたように見せ、純粋な #FFF は画面をぎらつかせます。
白は一つに決めて通してください。同じページに白が二種類あると、描画の不具合に見えます。
- white#ffffff
- concrete#f2f2f2
- mercury#e6e6e6
- alto#d9d9d9
- silver#cdcdcd
- nobel#b3b3b3
- silver chalice#a7a7a7
- dusty gray#9a9a9a
- gray#8d8d8d
- boulder#747474
- dove gray#686868
- scorpion#5b5b5b
- tundora#4e4e4e
- mine shaft#353535
- cod gray#1c1c1c
白: 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 | #FFFFFF | |
|---|---|---|
| RGB | rgb(255, 255, 255) | |
| HSL | hsl(0, 0%, 100%) | |
| CMYK | cmyk(0%, 0%, 0%, 0%) |
白の明るい色と暗い色
白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。
明るい方向
#fdfdfd
#fcfcfc
#fafafa
#f8f8f8
#f7f7f7
#f5f5f5
暗い方向
#d6d6d6
#adadad
#858585
#5c5c5c
#333333
#0a0a0a
白と相性のよい色
補色
#FFFFFF #ffffff
色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。
類似色
#ffffff #FFFFFF #ffffff
色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。
トライアド
#FFFFFF #ffffff #ffffff
等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。
白の上の文字
WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます： コントラストチェッカー
白のシェードチャート
右クリックでチャートを保存できます。個別のコードは上からコピーしてください。