#89ac15
RGB ( 赤 = 137, 緑 = 172, 青 = 21 )
HSL ( 色相 = 74°, 彩度 = 78%, 明度 = 38% )
H : 色相 ( 74° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #ac1f15 : -70
14 : #ac3915 : -60
24 : #ac5215 : -50
34 : #ac6b15 : -40
44 : #ac8415 : -30
54 : #ac9d15 : -20
64 : #a2ac15 : -10
74 : #89ac15 : ±0
84 : #70ac15 : +10
94 : #57ac15 : +20
104 : #3eac15 : +30
114 : #24ac15 : +40
124 : #15ac1f : +50
134 : #15ac39 : +60
144 : #15ac52 : +70
154 : #15ac6b : +80
164 : #15ac84 : +90
174 : #15ac9d : +100
184 : #15a2ac : +110
194 : #1589ac : +120
204 : #1570ac : +130
214 : #1557ac : +140
224 : #153eac : +150
234 : #1524ac : +160
244 : #1f15ac : +170
254 : #3915ac : +180
264 : #5215ac : +190
274 : #6b15ac : +200
284 : #8415ac : +210
294 : #9d15ac : +220
304 : #ac15a2 : +230
314 : #ac1589 : +240
324 : #ac1570 : +250
334 : #ac1557 : +260
344 : #ac153e : +270
354 : #ac1524 : +280
64 : #a2ac15 : -10
65 : #a0ac15 : -9
66 : #9dac15 : -8
67 : #9bac15 : -7
68 : #98ac15 : -6
69 : #96ac15 : -5
70 : #93ac15 : -4
71 : #91ac15 : -3
72 : #8eac15 : -2
73 : #8cac15 : -1
74 : #89ac15 : ±0
75 : #87ac15 : +1
76 : #84ac15 : +2
77 : #82ac15 : +3
78 : #7fac15 : +4
79 : #7dac15 : +5
80 : #7aac15 : +6
81 : #78ac15 : +7
82 : #75ac15 : +8
83 : #73ac15 : +9
84 : #70ac15 : +10
S : 彩度 ( 78% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -78
2 : #62635f : -76
4 : #63655d : -74
6 : #64675b : -72
8 : #656959 : -70
10 : #666b57 : -68
12 : #676d55 : -66
14 : #686e53 : -64
16 : #697051 : -62
18 : #6a724f : -60
20 : #6b744e : -58
22 : #6c764c : -56
24 : #6d784a : -54
26 : #6e7a48 : -52
28 : #6f7c46 : -50
30 : #707e44 : -48
32 : #718042 : -46
34 : #728240 : -44
36 : #74843e : -42
38 : #75863c : -40
40 : #76883a : -38
42 : #778a38 : -36
44 : #788c36 : -34
46 : #798d34 : -32
48 : #7a8f32 : -30
50 : #7b9130 : -28
52 : #7c932f : -26
54 : #7d952d : -24
56 : #7e972b : -22
58 : #7f9929 : -20
60 : #809b27 : -18
62 : #819d25 : -16
64 : #829f23 : -14
66 : #83a121 : -12
68 : #84a31f : -10
70 : #85a51d : -8
72 : #86a71b : -6
74 : #87a919 : -4
76 : #88ab17 : -2
78 : #89ac15 : ±0
80 : #8aae13 : +2
82 : #8bb011 : +4
84 : #8cb210 : +6
86 : #8db40e : +8
88 : #8eb60c : +10
90 : #8fb80a : +12
92 : #90ba08 : +14
94 : #91bc06 : +16
96 : #93be04 : +18
98 : #94c002 : +20
100 : #95c200 : +22
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #070901 : -36
4 : #0e1202 : -34
6 : #161b03 : -32
8 : #1d2404 : -30
10 : #242d06 : -28
12 : #2b3607 : -26
14 : #334008 : -24
16 : #3a4909 : -22
18 : #41520a : -20
20 : #485b0b : -18
22 : #4f640c : -16
24 : #576d0d : -14
26 : #5e760f : -12
28 : #657f10 : -10
30 : #6c8811 : -8
32 : #749112 : -6
34 : #7b9a13 : -4
36 : #82a314 : -2
38 : #89ac15 : ±0
40 : #90b616 : +2
42 : #98bf18 : +4
44 : #9fc819 : +6
46 : #a6d11a : +8
48 : #adda1b : +10
50 : #b5e31c : +12
52 : #b8e425 : +14
54 : #bae52e : +16
56 : #bde637 : +18
58 : #c0e740 : +20
60 : #c3e949 : +22
62 : #c6ea53 : +24
64 : #c9eb5c : +26
66 : #ccec65 : +28
68 : #cfed6e : +30
70 : #d2ee77 : +32
72 : #d5ef80 : +34
74 : #d8f089 : +36
76 : #dbf292 : +38
78 : #def39b : +40
80 : #e1f4a4 : +42
82 : #e4f5ad : +44
84 : #e7f6b6 : +46
86 : #eaf7bf : +48
88 : #edf8c9 : +50
90 : #f0f9d2 : +52
92 : #f3fbdb : +54
94 : #f6fce4 : +56
96 : #f9fded : +58
98 : #fcfef6 : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow