色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#11ace2
データ
赤
17
緑
172
青
226
色相
196°
白
7%
黒
11%
彩度
86%
明度
48%
輝度
52%
色調 = 強い
色相 = 196°
3桁
#2be
#2bd
#2bc
#2ae
#2ad
#2ac
#29e
#29d
#29c
#1be
#1bd
#1bc
#1ae
#1ad
#1ac
#19e
#19d
#19c
#0be
#0bd
#0bc
#0ae
#0ad
#0ac
#09e
#09d
#09c
名前付き
deepskyblue
darkturquoise
dodgerblue
lightseagreen
mediumturquoise
turquoise
steelblue
royalblue
cornflowerblue
aqua
darkcyan
cadetblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-195 : 1
-180 : 16
-165 : 31
-150 : 46
-135 : 61
-120 : 76
-105 : 91
-90 : 106
-75 : 121
-60 : 136
-45 : 151
-30 : 166
-15 : 181
-10 : 186
-5 : 191
-2 : 194
±0 : 196
+2 : 198
+5 : 201
+10 : 206
+15 : 211
+30 : 226
+45 : 241
+60 : 256
+75 : 271
+90 : 286
+105 : 301
+120 : 316
+135 : 331
+150 : 346
彩度
+14 : 100
+10 : 96
+6 : 92
+3 : 89
+2 : 88
±0 : 86
-2 : 84
-3 : 83
-6 : 80
-10 : 76
-14 : 72
-18 : 68
-22 : 64
-26 : 60
-30 : 56
-34 : 52
-36 : 50
-38 : 48
-42 : 44
-46 : 40
-50 : 36
-54 : 32
-58 : 28
-62 : 24
-66 : 20
-70 : 16
-74 : 12
-78 : 8
-82 : 4
-86 : 0
明度
+52 : 100
+48 : 96
+44 : 92
+40 : 88
+36 : 84
+32 : 80
+28 : 76
+24 : 72
+20 : 68
+16 : 64
+12 : 60
+8 : 56
+4 : 52
+3 : 51
+2 : 50
±0 : 48
-2 : 46
-3 : 45
-4 : 44
-8 : 40
-12 : 36
-16 : 32
-20 : 28
-24 : 24
-28 : 20
-32 : 16
-36 : 12
-40 : 8
-44 : 4
-48 : 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
黒
-11 : 0
-7 : 4
-3 : 8
-2 : 9
±0 : 11
+1 : 12
+2 : 13
+3 : 14
+5 : 16
+9 : 20
+13 : 24
+17 : 28
+21 : 32
+25 : 36
+29 : 40
+33 : 44
+37 : 48
+39 : 50
+41 : 52
+45 : 56
+49 : 60
+53 : 64
+57 : 68
+61 : 72
+65 : 76
+69 : 80
+73 : 84
+77 : 88
+81 : 92
+85 : 96
+89 : 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
緑
+83 : 255
+66 : 238
+49 : 221
+32 : 204
+15 : 187
+8 : 180
+4 : 176
+2 : 174
+1 : 173
±0 : 172
-1 : 171
-2 : 170
-4 : 168
-8 : 164
-19 : 153
-36 : 136
-53 : 119
-70 : 102
-87 : 85
-104 : 68
-121 : 51
-138 : 34
-155 : 17
-172 : 0
青
+29 : 255
+12 : 238
+8 : 234
+4 : 230
+2 : 228
+1 : 227
±0 : 226
-1 : 225
-2 : 224
-4 : 222
-5 : 221
-8 : 218
-22 : 204
-39 : 187
-56 : 170
-73 : 153
-90 : 136
-107 : 119
-124 : 102
-141 : 85
-158 : 68
-175 : 51
-192 : 34
-209 : 17
-226 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000