#8e1539
RGB ( 赤 = 142, 緑 = 21, 青 = 57 )
HSL ( 色相 = 342°, 彩度 = 74%, 明度 = 32% )
H : 色相 ( 342° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #8e1915 : -340
12 : #8e2d15 : -330
22 : #8e4115 : -320
32 : #8e5615 : -310
42 : #8e6a15 : -300
52 : #8e7e15 : -290
62 : #8a8e15 : -280
72 : #768e15 : -270
82 : #628e15 : -260
92 : #4e8e15 : -250
102 : #398e15 : -240
112 : #258e15 : -230
122 : #158e19 : -220
132 : #158e2d : -210
142 : #158e41 : -200
152 : #158e56 : -190
162 : #158e6a : -180
172 : #158e7e : -170
182 : #158a8e : -160
192 : #15768e : -150
202 : #15628e : -140
212 : #154e8e : -130
222 : #15398e : -120
232 : #15258e : -110
242 : #19158e : -100
252 : #2d158e : -90
262 : #41158e : -80
272 : #56158e : -70
282 : #6a158e : -60
292 : #7e158e : -50
302 : #8e158a : -40
312 : #8e1576 : -30
322 : #8e1562 : -20
332 : #8e154e : -10
342 : #8e1539 : ±0
352 : #8e1525 : +10
332 : #8e154e : -10
333 : #8e154c : -9
334 : #8e154a : -8
335 : #8e1548 : -7
336 : #8e1546 : -6
337 : #8e1544 : -5
338 : #8e1541 : -4
339 : #8e153f : -3
340 : #8e153d : -2
341 : #8e153b : -1
342 : #8e1539 : ±0
343 : #8e1537 : +1
344 : #8e1535 : +2
345 : #8e1533 : +3
346 : #8e1531 : +4
347 : #8e152f : +5
348 : #8e152d : +6
349 : #8e152b : +7
350 : #8e1529 : +8
351 : #8e1527 : +9
352 : #8e1525 : +10
S : 彩度 ( 74% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -74
2 : #535051 : -72
4 : #554e50 : -70
6 : #564d50 : -68
8 : #584b4f : -66
10 : #5a494e : -64
12 : #5b484e : -62
14 : #5d464d : -60
16 : #5f454c : -58
18 : #60434c : -56
20 : #62414b : -54
22 : #64404a : -52
24 : #653e4a : -50
26 : #673c49 : -48
28 : #683b48 : -46
30 : #6a3948 : -44
32 : #6c3747 : -42
34 : #6d3647 : -40
36 : #6f3446 : -38
38 : #713345 : -36
40 : #723145 : -34
42 : #742f44 : -32
44 : #762e43 : -30
46 : #772c43 : -28
48 : #792a42 : -26
50 : #7a2941 : -24
52 : #7c2741 : -22
54 : #7e2640 : -20
56 : #7f243f : -18
58 : #81223f : -16
60 : #83213e : -14
62 : #841f3d : -12
64 : #861d3d : -10
66 : #871c3c : -8
68 : #891a3b : -6
70 : #8b183b : -4
72 : #8c173a : -2
74 : #8e1539 : ±0
76 : #901439 : +2
78 : #911238 : +4
80 : #931037 : +6
82 : #950f37 : +8
84 : #960d36 : +10
86 : #980b36 : +12
88 : #990a35 : +14
90 : #9b0834 : +16
92 : #9d0734 : +18
94 : #9e0533 : +20
96 : #a00332 : +22
98 : #a20232 : +24
100 : #a30031 : +26
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #090104 : -30
4 : #120307 : -28
6 : #1b040b : -26
8 : #23050e : -24
10 : #2c0712 : -22
12 : #350816 : -20
14 : #3e0919 : -18
16 : #470b1d : -16
18 : #500c20 : -14
20 : #590d24 : -12
22 : #620f27 : -10
24 : #6a102b : -8
26 : #73112f : -6
28 : #7c1332 : -4
30 : #851436 : -2
32 : #8e1539 : ±0
34 : #97173d : +2
36 : #a01841 : +4
38 : #a91944 : +6
40 : #b11b48 : +8
42 : #ba1c4b : +10
44 : #c31d4f : +12
46 : #cc1e53 : +14
48 : #d52056 : +16
50 : #de215a : +18
52 : #df2a60 : +20
54 : #e13367 : +22
56 : #e23c6e : +24
58 : #e34574 : +26
60 : #e44e7b : +28
62 : #e65681 : +30
64 : #e75f88 : +32
66 : #e8688f : +34
68 : #ea7195 : +36
70 : #eb7a9c : +38
72 : #ec83a2 : +40
74 : #ee8ca9 : +42
76 : #ef95b0 : +44
78 : #f09db6 : +46
80 : #f2a6bd : +48
82 : #f3afc4 : +50
84 : #f4b8ca : +52
86 : #f6c1d1 : +54
88 : #f7cad7 : +56
90 : #f8d3de : +58
92 : #fadce5 : +60
94 : #fbe4eb : +62
96 : #fcedf2 : +64
98 : #fef6f8 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow