#6fb04f
RGB ( 赤 = 111, 緑 = 176, 青 = 79 )
HSL ( 色相 = 100°, 彩度 = 38%, 明度 = 50% )
H : 色相 ( 100° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #b04f4f : -100
10 : #b05f4f : -90
20 : #b06f4f : -80
30 : #b0804f : -70
40 : #b0904f : -60
50 : #b0a04f : -50
60 : #b0b04f : -40
70 : #a0b04f : -30
80 : #90b04f : -20
90 : #80b04f : -10
100 : #6fb04f : ±0
110 : #5fb04f : +10
120 : #4fb04f : +20
130 : #4fb05f : +30
140 : #4fb06f : +40
150 : #4fb080 : +50
160 : #4fb090 : +60
170 : #4fb0a0 : +70
180 : #4fb0b0 : +80
190 : #4fa0b0 : +90
200 : #4f90b0 : +100
210 : #4f80b0 : +110
220 : #4f6fb0 : +120
230 : #4f5fb0 : +130
240 : #4f4fb0 : +140
250 : #5f4fb0 : +150
260 : #6f4fb0 : +160
270 : #804fb0 : +170
280 : #904fb0 : +180
290 : #a04fb0 : +190
300 : #b04fb0 : +200
310 : #b04fa0 : +210
320 : #b04f90 : +220
330 : #b04f80 : +230
340 : #b04f6f : +240
350 : #b04f5f : +250
90 : #80b04f : -10
91 : #7eb04f : -9
92 : #7cb04f : -8
93 : #7bb04f : -7
94 : #79b04f : -6
95 : #77b04f : -5
96 : #76b04f : -4
97 : #74b04f : -3
98 : #73b04f : -2
99 : #71b04f : -1
100 : #6fb04f : ±0
101 : #6eb04f : +1
102 : #6cb04f : +2
103 : #6bb04f : +3
104 : #69b04f : +4
105 : #67b04f : +5
106 : #66b04f : +6
107 : #64b04f : +7
108 : #62b04f : +8
109 : #61b04f : +9
110 : #5fb04f : +10
S : 彩度 ( 38% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -38
2 : #7f827d : -36
4 : #7e857a : -34
6 : #7d8778 : -32
8 : #7c8a75 : -30
10 : #7b8c73 : -28
12 : #7a8f70 : -26
14 : #7a916e : -24
16 : #79946b : -22
18 : #789669 : -20
20 : #779966 : -18
22 : #769c63 : -16
24 : #759e61 : -14
26 : #74a15e : -12
28 : #74a35c : -10
30 : #73a659 : -8
32 : #72a857 : -6
34 : #71ab54 : -4
36 : #70ad52 : -2
38 : #6fb04f : ±0
40 : #6fb34d : +2
42 : #6eb54a : +4
44 : #6db847 : +6
46 : #6cba45 : +8
48 : #6bbd42 : +10
50 : #6abf40 : +12
52 : #69c23d : +14
54 : #69c43b : +16
56 : #68c738 : +18
58 : #67c936 : +20
60 : #66cc33 : +22
62 : #65cf30 : +24
64 : #64d12e : +26
66 : #63d42b : +28
68 : #63d629 : +30
70 : #62d926 : +32
72 : #61db24 : +34
74 : #60de21 : +36
76 : #5fe01f : +38
78 : #5ee31c : +40
80 : #5ee61a : +42
82 : #5de817 : +44
84 : #5ceb14 : +46
86 : #5bed12 : +48
88 : #5af00f : +50
90 : #59f20d : +52
92 : #58f50a : +54
94 : #58f708 : +56
96 : #57fa05 : +58
98 : #56fc03 : +60
100 : #55ff00 : +62
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #040703 : -48
4 : #090e06 : -46
6 : #0d1509 : -44
8 : #121c0d : -42
10 : #162310 : -40
12 : #1b2a13 : -38
14 : #1f3116 : -36
16 : #243819 : -34
18 : #283f1c : -32
20 : #2d4620 : -30
22 : #314d23 : -28
24 : #355426 : -26
26 : #3a5b29 : -24
28 : #3e632c : -22
30 : #436a2f : -20
32 : #477133 : -18
34 : #4c7836 : -16
36 : #507f39 : -14
38 : #55863c : -12
40 : #598d3f : -10
42 : #5e9442 : -8
44 : #629b46 : -6
46 : #66a249 : -4
48 : #6ba94c : -2
50 : #6fb04f : ±0
52 : #75b356 : +2
54 : #7bb65d : +4
56 : #81b964 : +6
58 : #86bd6b : +8
60 : #8cc072 : +10
62 : #92c379 : +12
64 : #98c680 : +14
66 : #9dc987 : +16
68 : #a3cc8e : +18
70 : #a9d095 : +20
72 : #afd39c : +22
74 : #b4d6a4 : +24
76 : #bad9ab : +26
78 : #c0dcb2 : +28
80 : #c6dfb9 : +30
82 : #cbe3c0 : +32
84 : #d1e6c7 : +34
86 : #d7e9ce : +36
88 : #ddecd5 : +38
90 : #e2efdc : +40
92 : #e8f2e3 : +42
94 : #eef6ea : +44
96 : #f4f9f1 : +46
98 : #f9fcf8 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow