色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#7d9af2
データ
赤
125
緑
154
青
242
色相
225°
白
49%
黒
5%
彩度
82%
明度
72%
輝度
61%
色調 = 輝かしい
色相 = 225°
3桁
#8af
#8ae
#8ad
#89f
#89e
#89d
#88f
#88e
#88d
#7af
#7ae
#7ad
#79f
#79e
#79d
#78f
#78e
#78d
#6af
#6ae
#6ad
#69f
#69e
#69d
#68f
#68e
#68d
名前付き
cornflowerblue
mediumslateblue
mediumpurple
skyblue
lightskyblue
lightsteelblue
slateblue
royalblue
lightblue
mediumturquoise
steelblue
darkgray
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-225 : 0
-210 : 15
-195 : 30
-180 : 45
-165 : 60
-150 : 75
-135 : 90
-120 : 105
-105 : 120
-90 : 135
-75 : 150
-60 : 165
-45 : 180
-30 : 195
-15 : 210
-10 : 215
-5 : 220
-2 : 223
±0 : 225
+2 : 227
+5 : 230
+10 : 235
+15 : 240
+30 : 255
+45 : 270
+60 : 285
+75 : 300
+90 : 315
+105 : 330
+120 : 345
彩度
+18 : 100
+14 : 96
+10 : 92
+6 : 88
+3 : 85
+2 : 84
±0 : 82
-2 : 80
-3 : 79
-6 : 76
-10 : 72
-14 : 68
-18 : 64
-22 : 60
-26 : 56
-30 : 52
-32 : 50
-34 : 48
-38 : 44
-42 : 40
-46 : 36
-50 : 32
-54 : 28
-58 : 24
-62 : 20
-66 : 16
-70 : 12
-74 : 8
-78 : 4
-82 : 0
明度
+28 : 100
+24 : 96
+20 : 92
+16 : 88
+12 : 84
+8 : 80
+4 : 76
+3 : 75
+2 : 74
±0 : 72
-2 : 70
-3 : 69
-4 : 68
-8 : 64
-12 : 60
-16 : 56
-20 : 52
-22 : 50
-24 : 48
-28 : 44
-32 : 40
-36 : 36
-40 : 32
-44 : 28
-48 : 24
-52 : 20
-56 : 16
-60 : 12
-64 : 8
-68 : 4
-72 : 0
白
-49 : 0
-45 : 4
-41 : 8
-37 : 12
-33 : 16
-29 : 20
-25 : 24
-21 : 28
-17 : 32
-13 : 36
-9 : 40
-5 : 44
-3 : 46
-2 : 47
-1 : 48
±0 : 49
+1 : 50
+2 : 51
+3 : 52
+7 : 56
+11 : 60
+15 : 64
+19 : 68
+23 : 72
+27 : 76
+31 : 80
+35 : 84
+39 : 88
+43 : 92
+47 : 96
+51 : 100
黒
-5 : 0
-3 : 2
-2 : 3
-1 : 4
±0 : 5
+2 : 7
+3 : 8
+7 : 12
+11 : 16
+15 : 20
+19 : 24
+23 : 28
+27 : 32
+31 : 36
+35 : 40
+39 : 44
+43 : 48
+45 : 50
+47 : 52
+51 : 56
+55 : 60
+59 : 64
+63 : 68
+67 : 72
+71 : 76
+75 : 80
+79 : 84
+83 : 88
+87 : 92
+91 : 96
+95 : 100
赤
+130 : 255
+113 : 238
+96 : 221
+79 : 204
+62 : 187
+45 : 170
+28 : 153
+11 : 136
+8 : 133
+4 : 129
+2 : 127
+1 : 126
±0 : 125
-1 : 124
-2 : 123
-4 : 121
-6 : 119
-8 : 117
-23 : 102
-40 : 85
-57 : 68
-74 : 51
-91 : 34
-108 : 17
-125 : 0
緑
+101 : 255
+84 : 238
+67 : 221
+50 : 204
+33 : 187
+16 : 170
+8 : 162
+4 : 158
+2 : 156
+1 : 155
±0 : 154
-1 : 153
-2 : 152
-4 : 150
-8 : 146
-18 : 136
-35 : 119
-52 : 102
-69 : 85
-86 : 68
-103 : 51
-120 : 34
-137 : 17
-154 : 0
青
+13 : 255
+8 : 250
+4 : 246
+2 : 244
+1 : 243
±0 : 242
-1 : 241
-2 : 240
-4 : 238
-8 : 234
-21 : 221
-38 : 204
-55 : 187
-72 : 170
-89 : 153
-106 : 136
-123 : 119
-140 : 102
-157 : 85
-174 : 68
-191 : 51
-208 : 34
-225 : 17
-242 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000