#682070
RGB ( 赤 = 104, 緑 = 32, 青 = 112 )
HSL ( 色相 = 294°, 彩度 = 56%, 明度 = 28% )
H : 色相 ( 294° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #6f251f : -290
14 : #6f321f : -280
24 : #6f3f1f : -270
34 : #6f4d1f : -260
44 : #6f5a1f : -250
54 : #6f671f : -240
64 : #6a6f1f : -230
74 : #5d6f1f : -220
84 : #4f6f1f : -210
94 : #426f1f : -200
104 : #356f1f : -190
114 : #276f1f : -180
124 : #1f6f25 : -170
134 : #1f6f32 : -160
144 : #1f6f3f : -150
154 : #1f6f4d : -140
164 : #1f6f5a : -130
174 : #1f6f67 : -120
184 : #1f6a6f : -110
194 : #1f5d6f : -100
204 : #1f4f6f : -90
214 : #1f426f : -80
224 : #1f356f : -70
234 : #1f276f : -60
244 : #251f6f : -50
254 : #321f6f : -40
264 : #3f1f6f : -30
274 : #4d1f6f : -20
284 : #5a1f6f : -10
294 : #671f6f : ±0
304 : #6f1f6a : +10
314 : #6f1f5d : +20
324 : #6f1f4f : +30
334 : #6f1f42 : +40
344 : #6f1f35 : +50
354 : #6f1f27 : +60
284 : #5a1f6f : -10
285 : #5b1f6f : -9
286 : #5d1f6f : -8
287 : #5e1f6f : -7
288 : #5f1f6f : -6
289 : #611f6f : -5
290 : #621f6f : -4
291 : #631f6f : -3
292 : #651f6f : -2
293 : #661f6f : -1
294 : #671f6f : ±0
295 : #691f6f : +1
296 : #6a1f6f : +2
297 : #6b1f6f : +3
298 : #6d1f6f : +4
299 : #6e1f6f : +5
300 : #6f1f6f : +6
301 : #6f1f6e : +7
302 : #6f1f6d : +8
303 : #6f1f6b : +9
304 : #6f1f6a : +10
S : 彩度 ( 56% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -56
2 : #494649 : -54
4 : #4a454a : -52
6 : #4b434c : -50
8 : #4c424d : -48
10 : #4d404f : -46
12 : #4e3f50 : -44
14 : #4f3d51 : -42
16 : #513c53 : -40
18 : #523b54 : -38
20 : #533956 : -36
22 : #543857 : -34
24 : #553659 : -32
26 : #56355a : -30
28 : #57335b : -28
30 : #59325d : -26
32 : #5a315e : -24
34 : #5b2f60 : -22
36 : #5c2e61 : -20
38 : #5d2c63 : -18
40 : #5e2b64 : -16
42 : #5f2965 : -14
44 : #612867 : -12
46 : #622768 : -10
48 : #63256a : -8
50 : #64246b : -6
52 : #65226d : -4
54 : #66216e : -2
56 : #671f6f : ±0
58 : #691e71 : +2
60 : #6a1d72 : +4
62 : #6b1b74 : +6
64 : #6c1a75 : +8
66 : #6d1877 : +10
68 : #6e1778 : +12
70 : #6f1579 : +14
72 : #71147b : +16
74 : #72137c : +18
76 : #73117e : +20
78 : #74107f : +22
80 : #750e81 : +24
82 : #760d82 : +26
84 : #770b83 : +28
86 : #790a85 : +30
88 : #7a0986 : +32
90 : #7b0788 : +34
92 : #7c0689 : +36
94 : #7d048b : +38
96 : #7e038c : +40
98 : #7f018d : +42
100 : #81008f : +44
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #070208 : -26
4 : #0f0410 : -24
6 : #160718 : -22
8 : #1e0920 : -20
10 : #250b28 : -18
12 : #2c0d30 : -16
14 : #341038 : -14
16 : #3b1240 : -12
18 : #421448 : -10
20 : #4a1650 : -8
22 : #511958 : -6
24 : #591b5f : -4
26 : #601d67 : -2
28 : #671f6f : ±0
30 : #6f2277 : +2
32 : #76247f : +4
34 : #7e2687 : +6
36 : #85288f : +8
38 : #8c2b97 : +10
40 : #942d9f : +12
42 : #9b2fa7 : +14
44 : #a231af : +16
46 : #aa34b7 : +18
48 : #b136bf : +20
50 : #b938c7 : +22
52 : #bb40c9 : +24
54 : #be48cb : +26
56 : #c150ce : +28
58 : #c458d0 : +30
60 : #c760d2 : +32
62 : #ca68d4 : +34
64 : #cc70d7 : +36
66 : #cf78d9 : +38
68 : #d280db : +40
70 : #d588dd : +42
72 : #d890e0 : +44
74 : #da98e2 : +46
76 : #dda0e4 : +48
78 : #e0a7e6 : +50
80 : #e3afe9 : +52
82 : #e6b7eb : +54
84 : #e8bfed : +56
86 : #ebc7ef : +58
88 : #eecff2 : +60
90 : #f1d7f4 : +62
92 : #f4dff6 : +64
94 : #f7e7f8 : +66
96 : #f9effb : +68
98 : #fcf7fd : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow