#6d0857
RGB ( 赤 = 109, 緑 = 8, 青 = 87 )
HSL ( 色相 = 313°, 彩度 = 86%, 明度 = 23% )
H : 色相 ( 313° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #6d0d08 : -310
13 : #6d1e08 : -300
23 : #6d2f08 : -290
33 : #6d4008 : -280
43 : #6d5108 : -270
53 : #6d6108 : -260
63 : #686d08 : -250
73 : #576d08 : -240
83 : #466d08 : -230
93 : #366d08 : -220
103 : #256d08 : -210
113 : #146d08 : -200
123 : #086d0d : -190
133 : #086d1e : -180
143 : #086d2f : -170
153 : #086d40 : -160
163 : #086d51 : -150
173 : #086d61 : -140
183 : #08686d : -130
193 : #08576d : -120
203 : #08466d : -110
213 : #08366d : -100
223 : #08256d : -90
233 : #08146d : -80
243 : #0d086d : -70
253 : #1e086d : -60
263 : #2f086d : -50
273 : #40086d : -40
283 : #51086d : -30
293 : #61086d : -20
303 : #6d0868 : -10
313 : #6d0857 : ±0
323 : #6d0846 : +10
333 : #6d0836 : +20
343 : #6d0825 : +30
353 : #6d0814 : +40
303 : #6d0868 : -10
304 : #6d0866 : -9
305 : #6d0865 : -8
306 : #6d0863 : -7
307 : #6d0861 : -6
308 : #6d0860 : -5
309 : #6d085e : -4
310 : #6d085c : -3
311 : #6d085b : -2
312 : #6d0859 : -1
313 : #6d0857 : ±0
314 : #6d0856 : +1
315 : #6d0854 : +2
316 : #6d0852 : +3
317 : #6d0851 : +4
318 : #6d084f : +5
319 : #6d084d : +6
320 : #6d084b : +7
321 : #6d084a : +8
322 : #6d0848 : +9
323 : #6d0846 : +10
S : 彩度 ( 86% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3a3a3a : -86
2 : #3c393b : -84
4 : #3d383c : -82
6 : #3e373d : -80
8 : #3f363d : -78
10 : #41353e : -76
12 : #42343f : -74
14 : #43323f : -72
16 : #443140 : -70
18 : #453041 : -68
20 : #462f41 : -66
22 : #482e42 : -64
24 : #492d43 : -62
26 : #4a2b43 : -60
28 : #4b2a44 : -58
30 : #4c2945 : -56
32 : #4d2845 : -54
34 : #4f2746 : -52
36 : #502647 : -50
38 : #512447 : -48
40 : #522348 : -46
42 : #532249 : -44
44 : #542149 : -42
46 : #56204a : -40
48 : #571e4b : -38
50 : #581d4b : -36
52 : #591c4c : -34
54 : #5a1b4d : -32
56 : #5b1a4d : -30
58 : #5d194e : -28
60 : #5e174f : -26
62 : #5f164f : -24
64 : #601550 : -22
66 : #611451 : -20
68 : #631351 : -18
70 : #641252 : -16
72 : #651053 : -14
74 : #660f53 : -12
76 : #670e54 : -10
78 : #680d55 : -8
80 : #6a0c55 : -6
82 : #6b0b56 : -4
84 : #6c0957 : -2
86 : #6d0857 : ±0
88 : #6e0758 : +2
90 : #6f0659 : +4
92 : #710559 : +6
94 : #72045a : +8
96 : #73025b : +10
98 : #74015b : +12
100 : #75005c : +14
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #050004 : -22
3 : #0e010b : -20
5 : #180213 : -18
7 : #21021b : -16
9 : #2b0322 : -14
11 : #34042a : -12
13 : #3e0531 : -10
15 : #470539 : -8
17 : #510640 : -6
19 : #5a0748 : -4
21 : #640750 : -2
23 : #6d0857 : ±0
25 : #77095f : +2
27 : #800a66 : +4
29 : #8a0a6e : +6
31 : #930b76 : +8
33 : #9d0c7d : +10
35 : #a60c85 : +12
37 : #af0d8c : +14
39 : #b90e94 : +16
41 : #c20f9c : +18
43 : #cc0fa3 : +20
45 : #d510ab : +22
47 : #df11b2 : +24
49 : #e811ba : +26
51 : #ee17bf : +28
53 : #ee20c2 : +30
55 : #ef2ac4 : +32
57 : #f033c7 : +34
59 : #f03dc9 : +36
61 : #f146cc : +38
63 : #f250cf : +40
65 : #f359d1 : +42
67 : #f362d4 : +44
69 : #f46cd6 : +46
71 : #f575d9 : +48
73 : #f57fdc : +50
75 : #f688de : +52
77 : #f792e1 : +54
79 : #f89be4 : +56
81 : #f8a5e6 : +58
83 : #f9aee9 : +60
85 : #fab8eb : +62
87 : #fac1ee : +64
89 : #fbcbf1 : +66
91 : #fcd4f3 : +68
93 : #fddef6 : +70
95 : #fde7f8 : +72
97 : #fef1fb : +74
99 : #fffafe : +76
CSS入門、作ってます。
text-shadow