色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#6ab6cd
データ
赤
106
緑
182
青
205
色相
194°
白
42%
黒
20%
彩度
50%
明度
61%
輝度
63%
色調 = 柔らかい
色相 = 194°
3桁
#7cd
#7cc
#7cb
#7bd
#7bc
#7bb
#7ad
#7ac
#7ab
#6cd
#6cc
#6cb
#6bd
#6bc
#6bb
#6ad
#6ac
#6ab
#5cd
#5cc
#5cb
#5bd
#5bc
#5bb
#5ad
#5ac
#5ab
名前付き
mediumaquamarine
mediumturquoise
cornflowerblue
skyblue
cadetblue
lightskyblue
turquoise
steelblue
lightslategray
darkseagreen
lightsteelblue
darkgray
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-180 : 14
-165 : 29
-150 : 44
-135 : 59
-120 : 74
-105 : 89
-90 : 104
-75 : 119
-60 : 134
-45 : 149
-30 : 164
-15 : 179
-10 : 184
-5 : 189
-2 : 192
±0 : 194
+2 : 196
+5 : 199
+10 : 204
+15 : 209
+30 : 224
+45 : 239
+60 : 254
+75 : 269
+90 : 284
+105 : 299
+120 : 314
+135 : 329
+150 : 344
+165 : 359
彩度
+50 : 100
+46 : 96
+42 : 92
+38 : 88
+34 : 84
+30 : 80
+26 : 76
+22 : 72
+18 : 68
+14 : 64
+10 : 60
+6 : 56
+3 : 53
+2 : 52
±0 : 50
-2 : 48
-3 : 47
-6 : 44
-10 : 40
-14 : 36
-18 : 32
-22 : 28
-26 : 24
-30 : 20
-34 : 16
-38 : 12
-42 : 8
-46 : 4
-50 : 0
明度
+39 : 100
+35 : 96
+31 : 92
+27 : 88
+23 : 84
+19 : 80
+15 : 76
+11 : 72
+7 : 68
+3 : 64
+2 : 63
±0 : 61
-1 : 60
-2 : 59
-3 : 58
-5 : 56
-9 : 52
-11 : 50
-13 : 48
-17 : 44
-21 : 40
-25 : 36
-29 : 32
-33 : 28
-37 : 24
-41 : 20
-45 : 16
-49 : 12
-53 : 8
-57 : 4
-61 : 0
白
-42 : 0
-38 : 4
-34 : 8
-30 : 12
-26 : 16
-22 : 20
-18 : 24
-14 : 28
-10 : 32
-6 : 36
-3 : 39
-2 : 40
±0 : 42
+2 : 44
+3 : 45
+6 : 48
+8 : 50
+10 : 52
+14 : 56
+18 : 60
+22 : 64
+26 : 68
+30 : 72
+34 : 76
+38 : 80
+42 : 84
+46 : 88
+50 : 92
+54 : 96
+58 : 100
黒
-20 : 0
-16 : 4
-12 : 8
-8 : 12
-4 : 16
-3 : 17
-2 : 18
±0 : 20
+2 : 22
+3 : 23
+4 : 24
+8 : 28
+12 : 32
+16 : 36
+20 : 40
+24 : 44
+28 : 48
+30 : 50
+32 : 52
+36 : 56
+40 : 60
+44 : 64
+48 : 68
+52 : 72
+56 : 76
+60 : 80
+64 : 84
+68 : 88
+72 : 92
+76 : 96
+80 : 100
赤
+149 : 255
+132 : 238
+115 : 221
+98 : 204
+81 : 187
+64 : 170
+47 : 153
+30 : 136
+13 : 119
+8 : 114
+4 : 110
+2 : 108
+1 : 107
±0 : 106
-1 : 105
-2 : 104
-4 : 102
-8 : 98
-21 : 85
-38 : 68
-55 : 51
-72 : 34
-89 : 17
-106 : 0
緑
+73 : 255
+56 : 238
+39 : 221
+22 : 204
+8 : 190
+5 : 187
+4 : 186
+2 : 184
+1 : 183
±0 : 182
-1 : 181
-2 : 180
-4 : 178
-8 : 174
-12 : 170
-29 : 153
-46 : 136
-63 : 119
-80 : 102
-97 : 85
-114 : 68
-131 : 51
-148 : 34
-165 : 17
-182 : 0
青
+50 : 255
+33 : 238
+16 : 221
+8 : 213
+4 : 209
+2 : 207
+1 : 206
±0 : 205
-1 : 204
-2 : 203
-4 : 201
-8 : 197
-18 : 187
-35 : 170
-52 : 153
-69 : 136
-86 : 119
-103 : 102
-120 : 85
-137 : 68
-154 : 51
-171 : 34
-188 : 17
-205 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000