#8b0e68
RGB ( 赤 = 139, 緑 = 14, 青 = 104 )
HSL ( 色相 = 317°, 彩度 = 82%, 明度 = 30% )
H : 色相 ( 317° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #8b1c0e : -310
17 : #8b310e : -300
27 : #8b460e : -290
37 : #8b5b0e : -280
47 : #8b700e : -270
57 : #8b850e : -260
67 : #7d8b0e : -250
77 : #688b0e : -240
87 : #538b0e : -230
97 : #3e8b0e : -220
107 : #298b0e : -210
117 : #148b0e : -200
127 : #0e8b1c : -190
137 : #0e8b31 : -180
147 : #0e8b46 : -170
157 : #0e8b5b : -160
167 : #0e8b70 : -150
177 : #0e8b85 : -140
187 : #0e7d8b : -130
197 : #0e688b : -120
207 : #0e538b : -110
217 : #0e3e8b : -100
227 : #0e298b : -90
237 : #0e148b : -80
247 : #1c0e8b : -70
257 : #310e8b : -60
267 : #460e8b : -50
277 : #5b0e8b : -40
287 : #700e8b : -30
297 : #850e8b : -20
307 : #8b0e7d : -10
317 : #8b0e68 : ±0
327 : #8b0e53 : +10
337 : #8b0e3e : +20
347 : #8b0e29 : +30
357 : #8b0e14 : +40
307 : #8b0e7d : -10
308 : #8b0e7b : -9
309 : #8b0e78 : -8
310 : #8b0e76 : -7
311 : #8b0e74 : -6
312 : #8b0e72 : -5
313 : #8b0e70 : -4
314 : #8b0e6e : -3
315 : #8b0e6c : -2
316 : #8b0e6a : -1
317 : #8b0e68 : ±0
318 : #8b0e66 : +1
319 : #8b0e64 : +2
320 : #8b0e61 : +3
321 : #8b0e5f : +4
322 : #8b0e5d : +5
323 : #8b0e5b : +6
324 : #8b0e59 : +7
325 : #8b0e57 : +8
326 : #8b0e55 : +9
327 : #8b0e53 : +10
S : 彩度 ( 82% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4c4c4c : -82
2 : #4e4b4d : -80
4 : #50494e : -78
6 : #51484e : -76
8 : #53464f : -74
10 : #544550 : -72
12 : #564350 : -70
14 : #574251 : -68
16 : #594052 : -66
18 : #5a3f52 : -64
20 : #5c3d53 : -62
22 : #5d3c54 : -60
24 : #5f3a54 : -58
26 : #603955 : -56
28 : #623756 : -54
30 : #633656 : -52
32 : #653457 : -50
34 : #673258 : -48
36 : #683158 : -46
38 : #6a2f59 : -44
40 : #6b2e5a : -42
42 : #6d2c5a : -40
44 : #6e2b5b : -38
46 : #70295c : -36
48 : #71285c : -34
50 : #73265d : -32
52 : #74255e : -30
54 : #76235e : -28
56 : #77225f : -26
58 : #792060 : -24
60 : #7a1f60 : -22
62 : #7c1d61 : -20
64 : #7d1c62 : -18
66 : #7f1a62 : -16
68 : #811863 : -14
70 : #821764 : -12
72 : #841564 : -10
74 : #851465 : -8
76 : #871266 : -6
78 : #881166 : -4
80 : #8a0f67 : -2
82 : #8b0e68 : ±0
84 : #8d0c68 : +2
86 : #8e0b69 : +4
88 : #90096a : +6
90 : #91086a : +8
92 : #93066b : +10
94 : #94056c : +12
96 : #96036c : +14
98 : #97026d : +16
100 : #99006e : +18
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #090107 : -28
4 : #13020e : -26
6 : #1c0315 : -24
8 : #25041c : -22
10 : #2e0523 : -20
12 : #380629 : -18
14 : #410630 : -16
16 : #4a0737 : -14
18 : #54083e : -12
20 : #5d0945 : -10
22 : #660a4c : -8
24 : #6f0b53 : -6
26 : #790c5a : -4
28 : #820d61 : -2
30 : #8b0e68 : ±0
32 : #950f6f : +2
34 : #9e1076 : +4
36 : #a7117c : +6
38 : #b01183 : +8
40 : #ba128a : +10
42 : #c31391 : +12
44 : #cc1498 : +14
46 : #d5159f : +16
48 : #df16a6 : +18
50 : #e817ad : +20
52 : #e920b0 : +22
54 : #ea2ab3 : +24
56 : #eb33b7 : +26
58 : #ec3cba : +28
60 : #ed45bd : +30
62 : #ee4fc1 : +32
64 : #ee58c4 : +34
66 : #ef61c7 : +36
68 : #f06aca : +38
70 : #f174ce : +40
72 : #f27dd1 : +42
74 : #f386d4 : +44
76 : #f490d8 : +46
78 : #f599db : +48
80 : #f6a2de : +50
82 : #f7abe1 : +52
84 : #f8b5e5 : +54
86 : #f9bee8 : +56
88 : #f9c7eb : +58
90 : #fad1ef : +60
92 : #fbdaf2 : +62
94 : #fce3f5 : +64
96 : #fdecf8 : +66
98 : #fef6fc : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow