色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#228fda
データ
赤
34
緑
143
青
218
色相
204°
白
13%
黒
15%
彩度
73%
明度
49%
輝度
47%
色調 = 強い
色相 = 204°
3桁
#39e
#39d
#39c
#38e
#38d
#38c
#37e
#37d
#37c
#29e
#29d
#29c
#28e
#28d
#28c
#27e
#27d
#27c
#19e
#19d
#19c
#18e
#18d
#18c
#17e
#17d
#17c
名前付き
dodgerblue
royalblue
steelblue
lightseagreen
cornflowerblue
deepskyblue
darkturquoise
mediumturquoise
cadetblue
darkcyan
turquoise
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
彩度
+27 : 100
+23 : 96
+19 : 92
+15 : 88
+11 : 84
+7 : 80
+3 : 76
+2 : 75
±0 : 73
-1 : 72
-2 : 71
-3 : 70
-5 : 68
-9 : 64
-13 : 60
-17 : 56
-21 : 52
-23 : 50
-25 : 48
-29 : 44
-33 : 40
-37 : 36
-41 : 32
-45 : 28
-49 : 24
-53 : 20
-57 : 16
-61 : 12
-65 : 8
-69 : 4
-73 : 0
明度
+51 : 100
+47 : 96
+43 : 92
+39 : 88
+35 : 84
+31 : 80
+27 : 76
+23 : 72
+19 : 68
+15 : 64
+11 : 60
+7 : 56
+3 : 52
+2 : 51
+1 : 50
±0 : 49
-1 : 48
-2 : 47
-3 : 46
-5 : 44
-9 : 40
-13 : 36
-17 : 32
-21 : 28
-25 : 24
-29 : 20
-33 : 16
-37 : 12
-41 : 8
-45 : 4
-49 : 0
白
-13 : 0
-9 : 4
-5 : 8
-3 : 10
-2 : 11
-1 : 12
±0 : 13
+2 : 15
+3 : 16
+7 : 20
+11 : 24
+15 : 28
+19 : 32
+23 : 36
+27 : 40
+31 : 44
+35 : 48
+37 : 50
+39 : 52
+43 : 56
+47 : 60
+51 : 64
+55 : 68
+59 : 72
+63 : 76
+67 : 80
+71 : 84
+75 : 88
+79 : 92
+83 : 96
+87 : 100
黒
-15 : 0
-11 : 4
-7 : 8
-3 : 12
-2 : 13
±0 : 15
+1 : 16
+2 : 17
+3 : 18
+5 : 20
+9 : 24
+13 : 28
+17 : 32
+21 : 36
+25 : 40
+29 : 44
+33 : 48
+35 : 50
+37 : 52
+41 : 56
+45 : 60
+49 : 64
+53 : 68
+57 : 72
+61 : 76
+65 : 80
+69 : 84
+73 : 88
+77 : 92
+81 : 96
+85 : 100
赤
+221 : 255
+204 : 238
+187 : 221
+170 : 204
+153 : 187
+136 : 170
+119 : 153
+102 : 136
+85 : 119
+68 : 102
+51 : 85
+34 : 68
+17 : 51
+8 : 42
+4 : 38
+2 : 36
+1 : 35
±0 : 34
-1 : 33
-2 : 32
-4 : 30
-8 : 26
-17 : 17
-34 : 0
緑
+112 : 255
+95 : 238
+78 : 221
+61 : 204
+44 : 187
+27 : 170
+10 : 153
+8 : 151
+4 : 147
+2 : 145
+1 : 144
±0 : 143
-1 : 142
-2 : 141
-4 : 139
-7 : 136
-8 : 135
-24 : 119
-41 : 102
-58 : 85
-75 : 68
-92 : 51
-109 : 34
-126 : 17
-143 : 0
青
+37 : 255
+20 : 238
+8 : 226
+4 : 222
+3 : 221
+2 : 220
+1 : 219
±0 : 218
-1 : 217
-2 : 216
-4 : 214
-8 : 210
-14 : 204
-31 : 187
-48 : 170
-65 : 153
-82 : 136
-99 : 119
-116 : 102
-133 : 85
-150 : 68
-167 : 51
-184 : 34
-201 : 17
-218 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000