#701561
RGB ( 赤 = 112, 緑 = 21, 青 = 97 )
HSL ( 色相 = 310°, 彩度 = 68%, 明度 = 26% )
H : 色相 ( 310° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #6f1515 : -310
10 : #6f2415 : -300
20 : #6f3315 : -290
30 : #6f4215 : -280
40 : #6f5115 : -270
50 : #6f6015 : -260
60 : #6f6f15 : -250
70 : #606f15 : -240
80 : #516f15 : -230
90 : #426f15 : -220
100 : #336f15 : -210
110 : #246f15 : -200
120 : #156f15 : -190
130 : #156f24 : -180
140 : #156f33 : -170
150 : #156f42 : -160
160 : #156f51 : -150
170 : #156f60 : -140
180 : #156f6f : -130
190 : #15606f : -120
200 : #15516f : -110
210 : #15426f : -100
220 : #15336f : -90
230 : #15246f : -80
240 : #15156f : -70
250 : #24156f : -60
260 : #33156f : -50
270 : #42156f : -40
280 : #51156f : -30
290 : #60156f : -20
300 : #6f156f : -10
310 : #6f1560 : ±0
320 : #6f1551 : +10
330 : #6f1542 : +20
340 : #6f1533 : +30
350 : #6f1524 : +40
300 : #6f156f : -10
301 : #6f156e : -9
302 : #6f156c : -8
303 : #6f156b : -7
304 : #6f1569 : -6
305 : #6f1568 : -5
306 : #6f1566 : -4
307 : #6f1565 : -3
308 : #6f1563 : -2
309 : #6f1562 : -1
310 : #6f1560 : ±0
311 : #6f155f : +1
312 : #6f155d : +2
313 : #6f155c : +3
314 : #6f155a : +4
315 : #6f1559 : +5
316 : #6f1557 : +6
317 : #6f1556 : +7
318 : #6f1554 : +8
319 : #6f1553 : +9
320 : #6f1551 : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -68
2 : #444143 : -66
4 : #454044 : -64
6 : #463e45 : -62
8 : #483d46 : -60
10 : #493c47 : -58
12 : #4a3a48 : -56
14 : #4c3948 : -54
16 : #4d3849 : -52
18 : #4e364a : -50
20 : #50354b : -48
22 : #51344c : -46
24 : #52324d : -44
26 : #54314e : -42
28 : #55304f : -40
30 : #562e50 : -38
32 : #582d50 : -36
34 : #592c51 : -34
36 : #5a2a52 : -32
38 : #5b2953 : -30
40 : #5d2854 : -28
42 : #5e2655 : -26
44 : #5f2556 : -24
46 : #612457 : -22
48 : #622258 : -20
50 : #632158 : -18
52 : #652059 : -16
54 : #661e5a : -14
56 : #671d5b : -12
58 : #691c5c : -10
60 : #6a1b5d : -8
62 : #6b195e : -6
64 : #6d185f : -4
66 : #6e175f : -2
68 : #6f1560 : ±0
70 : #711461 : +2
72 : #721362 : +4
74 : #731163 : +6
76 : #751064 : +8
78 : #760f65 : +10
80 : #770d66 : +12
82 : #790c67 : +14
84 : #7a0b67 : +16
86 : #7b0968 : +18
88 : #7d0869 : +20
90 : #7e076a : +22
92 : #7f056b : +24
94 : #81046c : +26
96 : #82036d : +28
98 : #83016e : +30
100 : #85006f : +32
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #090207 : -24
4 : #11030f : -22
6 : #1a0516 : -20
8 : #22071e : -18
10 : #2b0825 : -16
12 : #330a2c : -14
14 : #3c0b34 : -12
16 : #450d3b : -10
18 : #4d0f43 : -8
20 : #56104a : -6
22 : #5e1252 : -4
24 : #671459 : -2
26 : #6f1560 : ±0
28 : #781768 : +2
30 : #81186f : +4
32 : #891a77 : +6
34 : #921c7e : +8
36 : #9a1d85 : +10
38 : #a31f8d : +12
40 : #ab2194 : +14
42 : #b4229c : +16
44 : #bc24a3 : +18
46 : #c526aa : +20
48 : #ce27b2 : +22
50 : #d629b9 : +24
52 : #d831bc : +26
54 : #d93abf : +28
56 : #db43c2 : +30
58 : #dd4bc4 : +32
60 : #de54c7 : +34
62 : #e05cca : +36
64 : #e265cd : +38
66 : #e36dd0 : +40
68 : #e576d2 : +42
70 : #e77ed5 : +44
72 : #e887d8 : +46
74 : #ea90db : +48
76 : #eb98de : +50
78 : #eda1e0 : +52
80 : #efa9e3 : +54
82 : #f0b2e6 : +56
84 : #f2bae9 : +58
86 : #f4c3eb : +60
88 : #f5ccee : +62
90 : #f7d4f1 : +64
92 : #f8ddf4 : +66
94 : #fae5f7 : +68
96 : #fceef9 : +70
98 : #fdf6fc : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow