色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#86c8d0
データ
赤
134
緑
200
青
208
色相
186°
白
53%
黒
18%
彩度
44%
明度
67%
輝度
71%
色調 = 柔らかい
色相 = 186°
3桁
#9dd
#9dc
#9db
#9cd
#9cc
#9cb
#9bd
#9bc
#9bb
#8dd
#8dc
#8db
#8cd
#8cc
#8cb
#8bd
#8bc
#8bb
#7dd
#7dc
#7db
#7cd
#7cc
#7cb
#7bd
#7bc
#7bb
名前付き
skyblue
lightskyblue
lightsteelblue
lightblue
mediumaquamarine
powderblue
aquamarine
silver
darkgray
mediumturquoise
paleturquoise
darkseagreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-180 : 6
-165 : 21
-150 : 36
-135 : 51
-120 : 66
-105 : 81
-90 : 96
-75 : 111
-60 : 126
-45 : 141
-30 : 156
-15 : 171
-10 : 176
-5 : 181
-2 : 184
±0 : 186
+2 : 188
+5 : 191
+10 : 196
+15 : 201
+30 : 216
+45 : 231
+60 : 246
+75 : 261
+90 : 276
+105 : 291
+120 : 306
+135 : 321
+150 : 336
+165 : 351
彩度
+56 : 100
+52 : 96
+48 : 92
+44 : 88
+40 : 84
+36 : 80
+32 : 76
+28 : 72
+24 : 68
+20 : 64
+16 : 60
+12 : 56
+8 : 52
+6 : 50
+4 : 48
+3 : 47
+2 : 46
±0 : 44
-2 : 42
-3 : 41
-4 : 40
-8 : 36
-12 : 32
-16 : 28
-20 : 24
-24 : 20
-28 : 16
-32 : 12
-36 : 8
-40 : 4
-44 : 0
明度
+33 : 100
+29 : 96
+25 : 92
+21 : 88
+17 : 84
+13 : 80
+9 : 76
+5 : 72
+3 : 70
+2 : 69
+1 : 68
±0 : 67
-2 : 65
-3 : 64
-7 : 60
-11 : 56
-15 : 52
-17 : 50
-19 : 48
-23 : 44
-27 : 40
-31 : 36
-35 : 32
-39 : 28
-43 : 24
-47 : 20
-51 : 16
-55 : 12
-59 : 8
-63 : 4
-67 : 0
白
-53 : 0
-49 : 4
-45 : 8
-41 : 12
-37 : 16
-33 : 20
-29 : 24
-25 : 28
-21 : 32
-17 : 36
-13 : 40
-9 : 44
-5 : 48
-3 : 50
-2 : 51
-1 : 52
±0 : 53
+2 : 55
+3 : 56
+7 : 60
+11 : 64
+15 : 68
+19 : 72
+23 : 76
+27 : 80
+31 : 84
+35 : 88
+39 : 92
+43 : 96
+47 : 100
黒
-18 : 0
-14 : 4
-10 : 8
-6 : 12
-3 : 15
-2 : 16
±0 : 18
+2 : 20
+3 : 21
+6 : 24
+10 : 28
+14 : 32
+18 : 36
+22 : 40
+26 : 44
+30 : 48
+32 : 50
+34 : 52
+38 : 56
+42 : 60
+46 : 64
+50 : 68
+54 : 72
+58 : 76
+62 : 80
+66 : 84
+70 : 88
+74 : 92
+78 : 96
+82 : 100
赤
+121 : 255
+104 : 238
+87 : 221
+70 : 204
+53 : 187
+36 : 170
+19 : 153
+8 : 142
+4 : 138
+2 : 136
+1 : 135
±0 : 134
-1 : 133
-2 : 132
-4 : 130
-8 : 126
-15 : 119
-32 : 102
-49 : 85
-66 : 68
-83 : 51
-100 : 34
-117 : 17
-134 : 0
緑
+55 : 255
+38 : 238
+21 : 221
+8 : 208
+4 : 204
+2 : 202
+1 : 201
±0 : 200
-1 : 199
-2 : 198
-4 : 196
-8 : 192
-13 : 187
-30 : 170
-47 : 153
-64 : 136
-81 : 119
-98 : 102
-115 : 85
-132 : 68
-149 : 51
-166 : 34
-183 : 17
-200 : 0
青
+47 : 255
+30 : 238
+13 : 221
+8 : 216
+4 : 212
+2 : 210
+1 : 209
±0 : 208
-1 : 207
-2 : 206
-4 : 204
-8 : 200
-21 : 187
-38 : 170
-55 : 153
-72 : 136
-89 : 119
-106 : 102
-123 : 85
-140 : 68
-157 : 51
-174 : 34
-191 : 17
-208 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000