色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#1187d3
データ
赤
17
緑
135
青
211
色相
204°
白
7%
黒
17%
彩度
85%
明度
45%
輝度
43%
色調 = 強い
色相 = 204°
3桁
#29d
#29c
#29b
#28d
#28c
#28b
#27d
#27c
#27b
#19d
#19c
#19b
#18d
#18c
#18b
#17d
#17c
#17b
#09d
#09c
#09b
#08d
#08c
#08b
#07d
#07c
#07b
名前付き
dodgerblue
royalblue
lightseagreen
steelblue
darkturquoise
deepskyblue
darkcyan
teal
cornflowerblue
mediumturquoise
cadetblue
slateblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-195 : 9
-180 : 24
-165 : 39
-150 : 54
-135 : 69
-120 : 84
-105 : 99
-90 : 114
-75 : 129
-60 : 144
-45 : 159
-30 : 174
-15 : 189
-10 : 194
-5 : 199
-2 : 202
±0 : 204
+2 : 206
+5 : 209
+10 : 214
+15 : 219
+30 : 234
+45 : 249
+60 : 264
+75 : 279
+90 : 294
+105 : 309
+120 : 324
+135 : 339
+150 : 354
彩度
+15 : 100
+11 : 96
+7 : 92
+3 : 88
+2 : 87
±0 : 85
-1 : 84
-2 : 83
-3 : 82
-5 : 80
-9 : 76
-13 : 72
-17 : 68
-21 : 64
-25 : 60
-29 : 56
-33 : 52
-35 : 50
-37 : 48
-41 : 44
-45 : 40
-49 : 36
-53 : 32
-57 : 28
-61 : 24
-65 : 20
-69 : 16
-73 : 12
-77 : 8
-81 : 4
-85 : 0
明度
+55 : 100
+51 : 96
+47 : 92
+43 : 88
+39 : 84
+35 : 80
+31 : 76
+27 : 72
+23 : 68
+19 : 64
+15 : 60
+11 : 56
+7 : 52
+5 : 50
+3 : 48
+2 : 47
±0 : 45
-1 : 44
-2 : 43
-3 : 42
-5 : 40
-9 : 36
-13 : 32
-17 : 28
-21 : 24
-25 : 20
-29 : 16
-33 : 12
-37 : 8
-41 : 4
-45 : 0
白
-7 : 0
-3 : 4
-2 : 5
±0 : 7
+1 : 8
+2 : 9
+3 : 10
+5 : 12
+9 : 16
+13 : 20
+17 : 24
+21 : 28
+25 : 32
+29 : 36
+33 : 40
+37 : 44
+41 : 48
+43 : 50
+45 : 52
+49 : 56
+53 : 60
+57 : 64
+61 : 68
+65 : 72
+69 : 76
+73 : 80
+77 : 84
+81 : 88
+85 : 92
+89 : 96
+93 : 100
黒
-17 : 0
-13 : 4
-9 : 8
-5 : 12
-3 : 14
-2 : 15
-1 : 16
±0 : 17
+2 : 19
+3 : 20
+7 : 24
+11 : 28
+15 : 32
+19 : 36
+23 : 40
+27 : 44
+31 : 48
+33 : 50
+35 : 52
+39 : 56
+43 : 60
+47 : 64
+51 : 68
+55 : 72
+59 : 76
+63 : 80
+67 : 84
+71 : 88
+75 : 92
+79 : 96
+83 : 100
赤
+238 : 255
+221 : 238
+204 : 221
+187 : 204
+170 : 187
+153 : 170
+136 : 153
+119 : 136
+102 : 119
+85 : 102
+68 : 85
+51 : 68
+34 : 51
+17 : 34
+8 : 25
+4 : 21
+2 : 19
+1 : 18
±0 : 17
-1 : 16
-2 : 15
-4 : 13
-8 : 9
-17 : 0
緑
+120 : 255
+103 : 238
+86 : 221
+69 : 204
+52 : 187
+35 : 170
+18 : 153
+8 : 143
+4 : 139
+2 : 137
+1 : 136
±0 : 135
-1 : 134
-2 : 133
-4 : 131
-8 : 127
-16 : 119
-33 : 102
-50 : 85
-67 : 68
-84 : 51
-101 : 34
-118 : 17
-135 : 0
青
+44 : 255
+27 : 238
+10 : 221
+8 : 219
+4 : 215
+2 : 213
+1 : 212
±0 : 211
-1 : 210
-2 : 209
-4 : 207
-7 : 204
-8 : 203
-24 : 187
-41 : 170
-58 : 153
-75 : 136
-92 : 119
-109 : 102
-126 : 85
-143 : 68
-160 : 51
-177 : 34
-194 : 17
-211 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000