#8ea702
RGB ( 赤 = 142, 緑 = 167, 青 = 2 )
HSL ( 色相 = 69°, 彩度 = 98%, 明度 = 33% )
H : 色相 ( 69° )
(0°) 赤～黄～緑～青～紫 (359°)
9 : #a71a02 : -60
19 : #a73602 : -50
29 : #a75102 : -40
39 : #a76d02 : -30
49 : #a78802 : -20
59 : #a7a402 : -10
69 : #8ea702 : ±0
79 : #72a702 : +10
89 : #57a702 : +20
99 : #3ba702 : +30
109 : #20a702 : +40
119 : #04a702 : +50
129 : #02a71a : +60
139 : #02a736 : +70
149 : #02a751 : +80
159 : #02a76d : +90
169 : #02a788 : +100
179 : #02a7a4 : +110
189 : #028ea7 : +120
199 : #0272a7 : +130
209 : #0257a7 : +140
219 : #023ba7 : +150
229 : #0220a7 : +160
239 : #0204a7 : +170
249 : #1a02a7 : +180
259 : #3602a7 : +190
269 : #5102a7 : +200
279 : #6d02a7 : +210
289 : #8802a7 : +220
299 : #a402a7 : +230
309 : #a7028e : +240
319 : #a70272 : +250
329 : #a70257 : +260
339 : #a7023b : +270
349 : #a70220 : +280
359 : #a70204 : +290
59 : #a7a402 : -10
60 : #a7a702 : -9
61 : #a4a702 : -8
62 : #a1a702 : -7
63 : #9ea702 : -6
64 : #9ca702 : -5
65 : #99a702 : -4
66 : #96a702 : -3
67 : #93a702 : -2
68 : #91a702 : -1
69 : #8ea702 : ±0
70 : #8ba702 : +1
71 : #88a702 : +2
72 : #86a702 : +3
73 : #83a702 : +4
74 : #80a702 : +5
75 : #7da702 : +6
76 : #7ba702 : +7
77 : #78a702 : +8
78 : #75a702 : +9
79 : #72a702 : +10
S : 彩度 ( 98% )
(0%) 渋い ～ 鮮やか (100%)
0 : #545454 : -98
2 : #555652 : -96
4 : #575851 : -94
6 : #58594f : -92
8 : #595b4d : -90
10 : #5a5d4c : -88
12 : #5b5e4a : -86
14 : #5c6048 : -84
16 : #5e6247 : -82
18 : #5f6345 : -80
20 : #606543 : -78
22 : #616742 : -76
24 : #626840 : -74
26 : #636a3e : -72
28 : #656c3d : -70
30 : #666d3b : -68
32 : #676f39 : -66
34 : #687138 : -64
36 : #697236 : -62
38 : #6b7434 : -60
40 : #6c7632 : -58
42 : #6d7731 : -56
44 : #6e792f : -54
46 : #6f7b2d : -52
48 : #707d2c : -50
50 : #727e2a : -48
52 : #738028 : -46
54 : #748227 : -44
56 : #758325 : -42
58 : #768523 : -40
60 : #778722 : -38
62 : #798820 : -36
64 : #7a8a1e : -34
66 : #7b8c1d : -32
68 : #7c8d1b : -30
70 : #7d8f19 : -28
72 : #7f9118 : -26
74 : #809216 : -24
76 : #819414 : -22
78 : #829613 : -20
80 : #839711 : -18
82 : #84990f : -16
84 : #869b0d : -14
86 : #879d0c : -12
88 : #889e0a : -10
90 : #89a008 : -8
92 : #8aa207 : -6
94 : #8ca305 : -4
96 : #8da503 : -2
98 : #8ea702 : ±0
100 : #8fa800 : +2
L : 明度 ( 33% )
(0%) 暗い ～ 明るい (100%)
1 : #040500 : -32
3 : #0d0f00 : -30
5 : #151900 : -28
7 : #1e2300 : -26
9 : #272d00 : -24
11 : #2f3801 : -22
13 : #384201 : -20
15 : #404c01 : -18
17 : #495601 : -16
19 : #526001 : -14
21 : #5a6a01 : -12
23 : #637401 : -10
25 : #6b7e01 : -8
27 : #748801 : -6
29 : #7d9201 : -4
31 : #859d02 : -2
33 : #8ea702 : ±0
35 : #96b102 : +2
37 : #9fbb02 : +4
39 : #a8c502 : +6
41 : #b0cf02 : +8
43 : #b9d902 : +10
45 : #c1e302 : +12
47 : #caed02 : +14
49 : #d3f702 : +16
51 : #d8fd08 : +18
53 : #d9fd12 : +20
55 : #dbfd1c : +22
57 : #ddfd26 : +24
59 : #defd30 : +26
61 : #e0fd3a : +28
63 : #e1fd44 : +30
65 : #e3fd4e : +32
67 : #e5fd58 : +34
69 : #e6fd62 : +36
71 : #e8fe6d : +38
73 : #e9fe77 : +40
75 : #ebfe81 : +42
77 : #edfe8b : +44
79 : #eefe95 : +46
81 : #f0fe9f : +48
83 : #f1fea9 : +50
85 : #f3feb3 : +52
87 : #f5febd : +54
89 : #f6fec7 : +56
91 : #f8ffd2 : +58
93 : #f9ffdc : +60
95 : #fbffe6 : +62
97 : #fdfff0 : +64
99 : #fefffa : +66
CSS入門、作ってます。
text-shadow