色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#809ff4
データ
赤
128
緑
159
青
244
色相
224°
白
50%
黒
4%
彩度
84%
明度
73%
輝度
63%
色調 = 輝かしい
色相 = 224°
3桁
#9af
#9ae
#9ad
#99f
#99e
#99d
#98f
#98e
#98d
#8af
#8ae
#8ad
#89f
#89e
#89d
#88f
#88e
#88d
#7af
#7ae
#7ad
#79f
#79e
#79d
#78f
#78e
#78d
名前付き
cornflowerblue
lightskyblue
skyblue
mediumslateblue
mediumpurple
lightsteelblue
lightblue
powderblue
slateblue
mediumturquoise
royalblue
darkgray
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-210 : 14
-195 : 29
-180 : 44
-165 : 59
-150 : 74
-135 : 89
-120 : 104
-105 : 119
-90 : 134
-75 : 149
-60 : 164
-45 : 179
-30 : 194
-15 : 209
-10 : 214
-5 : 219
-2 : 222
±0 : 224
+2 : 226
+5 : 229
+10 : 234
+15 : 239
+30 : 254
+45 : 269
+60 : 284
+75 : 299
+90 : 314
+105 : 329
+120 : 344
+135 : 359
彩度
+16 : 100
+12 : 96
+8 : 92
+4 : 88
+3 : 87
+2 : 86
±0 : 84
-2 : 82
-3 : 81
-4 : 80
-8 : 76
-12 : 72
-16 : 68
-20 : 64
-24 : 60
-28 : 56
-32 : 52
-34 : 50
-36 : 48
-40 : 44
-44 : 40
-48 : 36
-52 : 32
-56 : 28
-60 : 24
-64 : 20
-68 : 16
-72 : 12
-76 : 8
-80 : 4
-84 : 0
明度
+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
白
-50 : 0
-46 : 4
-42 : 8
-38 : 12
-34 : 16
-30 : 20
-26 : 24
-22 : 28
-18 : 32
-14 : 36
-10 : 40
-6 : 44
-3 : 47
-2 : 48
±0 : 50
+2 : 52
+3 : 53
+6 : 56
+10 : 60
+14 : 64
+18 : 68
+22 : 72
+26 : 76
+30 : 80
+34 : 84
+38 : 88
+42 : 92
+46 : 96
+50 : 100
黒
-4 : 0
-3 : 1
-2 : 2
±0 : 4
+2 : 6
+3 : 7
+4 : 8
+8 : 12
+12 : 16
+16 : 20
+20 : 24
+24 : 28
+28 : 32
+32 : 36
+36 : 40
+40 : 44
+44 : 48
+46 : 50
+48 : 52
+52 : 56
+56 : 60
+60 : 64
+64 : 68
+68 : 72
+72 : 76
+76 : 80
+80 : 84
+84 : 88
+88 : 92
+92 : 96
+96 : 100
赤
+127 : 255
+110 : 238
+93 : 221
+76 : 204
+59 : 187
+42 : 170
+25 : 153
+8 : 136
+4 : 132
+2 : 130
+1 : 129
±0 : 128
-1 : 127
-2 : 126
-4 : 124
-8 : 120
-9 : 119
-26 : 102
-43 : 85
-60 : 68
-77 : 51
-94 : 34
-111 : 17
-128 : 0
緑
+96 : 255
+79 : 238
+62 : 221
+45 : 204
+28 : 187
+11 : 170
+8 : 167
+4 : 163
+2 : 161
+1 : 160
±0 : 159
-1 : 158
-2 : 157
-4 : 155
-6 : 153
-8 : 151
-23 : 136
-40 : 119
-57 : 102
-74 : 85
-91 : 68
-108 : 51
-125 : 34
-142 : 17
-159 : 0
青
+11 : 255
+8 : 252
+4 : 248
+2 : 246
+1 : 245
±0 : 244
-1 : 243
-2 : 242
-4 : 240
-6 : 238
-8 : 236
-23 : 221
-40 : 204
-57 : 187
-74 : 170
-91 : 153
-108 : 136
-125 : 119
-142 : 102
-159 : 85
-176 : 68
-193 : 51
-210 : 34
-227 : 17
-244 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000