色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#bbdcd2
データ
赤
187
緑
220
青
210
色相
162°
白
73%
黒
14%
彩度
32%
明度
80%
輝度
82%
色調 = 明るい
色相 = 162°
3桁
#ced
#cec
#ceb
#cdd
#cdc
#cdb
#ccd
#ccc
#ccb
#bed
#bec
#beb
#bdd
#bdc
#bdb
#bcd
#bcc
#bcb
#aed
#aec
#aeb
#add
#adc
#adb
#acd
#acc
#acb
名前付き
powderblue
lightblue
lightgray
lightsteelblue
silver
gainsboro
paleturquoise
thistle
skyblue
lavender
beige
antiquewhite
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-150 : 12
-135 : 27
-120 : 42
-105 : 57
-90 : 72
-75 : 87
-60 : 102
-45 : 117
-30 : 132
-15 : 147
-10 : 152
-5 : 157
-2 : 160
±0 : 162
+2 : 164
+5 : 167
+10 : 172
+15 : 177
+30 : 192
+45 : 207
+60 : 222
+75 : 237
+90 : 252
+105 : 267
+120 : 282
+135 : 297
+150 : 312
+165 : 327
+180 : 342
+195 : 357
彩度
+68 : 100
+64 : 96
+60 : 92
+56 : 88
+52 : 84
+48 : 80
+44 : 76
+40 : 72
+36 : 68
+32 : 64
+28 : 60
+24 : 56
+20 : 52
+18 : 50
+16 : 48
+12 : 44
+8 : 40
+4 : 36
+3 : 35
+2 : 34
±0 : 32
-2 : 30
-3 : 29
-4 : 28
-8 : 24
-12 : 20
-16 : 16
-20 : 12
-24 : 8
-28 : 4
-32 : 0
明度
+20 : 100
+16 : 96
+12 : 92
+8 : 88
+4 : 84
+3 : 83
+2 : 82
±0 : 80
-2 : 78
-3 : 77
-4 : 76
-8 : 72
-12 : 68
-16 : 64
-20 : 60
-24 : 56
-28 : 52
-30 : 50
-32 : 48
-36 : 44
-40 : 40
-44 : 36
-48 : 32
-52 : 28
-56 : 24
-60 : 20
-64 : 16
-68 : 12
-72 : 8
-76 : 4
-80 : 0
白
-73 : 0
-69 : 4
-65 : 8
-61 : 12
-57 : 16
-53 : 20
-49 : 24
-45 : 28
-41 : 32
-37 : 36
-33 : 40
-29 : 44
-25 : 48
-23 : 50
-21 : 52
-17 : 56
-13 : 60
-9 : 64
-5 : 68
-3 : 70
-2 : 71
-1 : 72
±0 : 73
+2 : 75
+3 : 76
+7 : 80
+11 : 84
+15 : 88
+19 : 92
+23 : 96
+27 : 100
黒
-14 : 0
-10 : 4
-6 : 8
-3 : 11
-2 : 12
±0 : 14
+2 : 16
+3 : 17
+6 : 20
+10 : 24
+14 : 28
+18 : 32
+22 : 36
+26 : 40
+30 : 44
+34 : 48
+36 : 50
+38 : 52
+42 : 56
+46 : 60
+50 : 64
+54 : 68
+58 : 72
+62 : 76
+66 : 80
+70 : 84
+74 : 88
+78 : 92
+82 : 96
+86 : 100
赤
+68 : 255
+51 : 238
+34 : 221
+17 : 204
+8 : 195
+4 : 191
+2 : 189
+1 : 188
±0 : 187
-1 : 186
-2 : 185
-4 : 183
-8 : 179
-17 : 170
-34 : 153
-51 : 136
-68 : 119
-85 : 102
-102 : 85
-119 : 68
-136 : 51
-153 : 34
-170 : 17
-187 : 0
緑
+35 : 255
+18 : 238
+8 : 228
+4 : 224
+2 : 222
+1 : 221
±0 : 220
-1 : 219
-2 : 218
-4 : 216
-8 : 212
-16 : 204
-33 : 187
-50 : 170
-67 : 153
-84 : 136
-101 : 119
-118 : 102
-135 : 85
-152 : 68
-169 : 51
-186 : 34
-203 : 17
-220 : 0
青
+45 : 255
+28 : 238
+11 : 221
+8 : 218
+4 : 214
+2 : 212
+1 : 211
±0 : 210
-1 : 209
-2 : 208
-4 : 206
-6 : 204
-8 : 202
-23 : 187
-40 : 170
-57 : 153
-74 : 136
-91 : 119
-108 : 102
-125 : 85
-142 : 68
-159 : 51
-176 : 34
-193 : 17
-210 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000