色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#340feb
データ
赤
52
緑
15
青
235
色相
250°
白
6%
黒
8%
彩度
88%
明度
49%
輝度
20%
色調 = 強い
色相 = 250°
3桁
#42f
#42e
#42d
#41f
#41e
#41d
#40f
#40e
#40d
#32f
#32e
#32d
#31f
#31e
#31d
#30f
#30e
#30d
#22f
#22e
#22d
#21f
#21e
#21d
#20f
#20e
#20d
名前付き
blue
mediumblue
blueviolet
royalblue
slateblue
darkviolet
rebeccapurple
darkslateblue
indigo
darkblue
darkorchid
mediumslateblue
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-240 : 10
-225 : 25
-210 : 40
-195 : 55
-180 : 70
-165 : 85
-150 : 100
-135 : 115
-120 : 130
-105 : 145
-90 : 160
-75 : 175
-60 : 190
-45 : 205
-30 : 220
-15 : 235
-10 : 240
-5 : 245
-2 : 248
±0 : 250
+2 : 252
+5 : 255
+10 : 260
+15 : 265
+30 : 280
+45 : 295
+60 : 310
+75 : 325
+90 : 340
+105 : 355
彩度
+12 : 100
+8 : 96
+4 : 92
+3 : 91
+2 : 90
±0 : 88
-2 : 86
-3 : 85
-4 : 84
-8 : 80
-12 : 76
-16 : 72
-20 : 68
-24 : 64
-28 : 60
-32 : 56
-36 : 52
-38 : 50
-40 : 48
-44 : 44
-48 : 40
-52 : 36
-56 : 32
-60 : 28
-64 : 24
-68 : 20
-72 : 16
-76 : 12
-80 : 8
-84 : 4
-88 : 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
白
-6 : 0
-3 : 3
-2 : 4
±0 : 6
+2 : 8
+3 : 9
+6 : 12
+10 : 16
+14 : 20
+18 : 24
+22 : 28
+26 : 32
+30 : 36
+34 : 40
+38 : 44
+42 : 48
+44 : 50
+46 : 52
+50 : 56
+54 : 60
+58 : 64
+62 : 68
+66 : 72
+70 : 76
+74 : 80
+78 : 84
+82 : 88
+86 : 92
+90 : 96
+94 : 100
黒
-8 : 0
-4 : 4
-3 : 5
-2 : 6
±0 : 8
+2 : 10
+3 : 11
+4 : 12
+8 : 16
+12 : 20
+16 : 24
+20 : 28
+24 : 32
+28 : 36
+32 : 40
+36 : 44
+40 : 48
+42 : 50
+44 : 52
+48 : 56
+52 : 60
+56 : 64
+60 : 68
+64 : 72
+68 : 76
+72 : 80
+76 : 84
+80 : 88
+84 : 92
+88 : 96
+92 : 100
赤
+203 : 255
+186 : 238
+169 : 221
+152 : 204
+135 : 187
+118 : 170
+101 : 153
+84 : 136
+67 : 119
+50 : 102
+33 : 85
+16 : 68
+8 : 60
+4 : 56
+2 : 54
+1 : 53
±0 : 52
-1 : 51
-2 : 50
-4 : 48
-8 : 44
-18 : 34
-35 : 17
-52 : 0
緑
+240 : 255
+223 : 238
+206 : 221
+189 : 204
+172 : 187
+155 : 170
+138 : 153
+121 : 136
+104 : 119
+87 : 102
+70 : 85
+53 : 68
+36 : 51
+19 : 34
+8 : 23
+4 : 19
+2 : 17
+1 : 16
±0 : 15
-1 : 14
-2 : 13
-4 : 11
-8 : 7
-15 : 0
青
+20 : 255
+8 : 243
+4 : 239
+3 : 238
+2 : 237
+1 : 236
±0 : 235
-1 : 234
-2 : 233
-4 : 231
-8 : 227
-14 : 221
-31 : 204
-48 : 187
-65 : 170
-82 : 153
-99 : 136
-116 : 119
-133 : 102
-150 : 85
-167 : 68
-184 : 51
-201 : 34
-218 : 17
-235 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000