#7f871f
RGB ( 赤 = 127, 緑 = 135, 青 = 31 )
HSL ( 色相 = 65°, 彩度 = 63%, 明度 = 33% )
H : 色相 ( 65° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #89281f : -60
15 : #893a1f : -50
25 : #894b1f : -40
35 : #895d1f : -30
45 : #896f1f : -20
55 : #89801f : -10
65 : #80891f : ±0
75 : #6f891f : +10
85 : #5d891f : +20
95 : #4b891f : +30
105 : #3a891f : +40
115 : #28891f : +50
125 : #1f8928 : +60
135 : #1f893a : +70
145 : #1f894b : +80
155 : #1f895d : +90
165 : #1f896f : +100
175 : #1f8980 : +110
185 : #1f8089 : +120
195 : #1f6f89 : +130
205 : #1f5d89 : +140
215 : #1f4b89 : +150
225 : #1f3a89 : +160
235 : #1f2889 : +170
245 : #281f89 : +180
255 : #3a1f89 : +190
265 : #4b1f89 : +200
275 : #5d1f89 : +210
285 : #6f1f89 : +220
295 : #801f89 : +230
305 : #891f80 : +240
315 : #891f6f : +250
325 : #891f5d : +260
335 : #891f4b : +270
345 : #891f3a : +280
355 : #891f28 : +290
55 : #89801f : -10
56 : #89821f : -9
57 : #89841f : -8
58 : #89861f : -7
59 : #89871f : -6
60 : #89891f : -5
61 : #87891f : -4
62 : #86891f : -3
63 : #84891f : -2
64 : #82891f : -1
65 : #80891f : ±0
66 : #7f891f : +1
67 : #7d891f : +2
68 : #7b891f : +3
69 : #79891f : +4
70 : #77891f : +5
71 : #76891f : +6
72 : #74891f : +7
73 : #72891f : +8
74 : #70891f : +9
75 : #6f891f : +10
S : 彩度 ( 63% )
(0%) 渋い ~ 鮮やか (100%)
1 : #555553 : -62
3 : #565752 : -60
5 : #585850 : -58
7 : #595a4e : -56
9 : #5a5c4d : -54
11 : #5c5d4b : -52
13 : #5d5f49 : -50
15 : #5f6148 : -48
17 : #606246 : -46
19 : #616444 : -44
21 : #636642 : -42
23 : #646841 : -40
25 : #66693f : -38
27 : #676b3d : -36
29 : #686d3c : -34
31 : #6a6e3a : -32
33 : #6b7038 : -30
35 : #6d7237 : -28
37 : #6e7335 : -26
39 : #6f7533 : -24
41 : #717732 : -22
43 : #727830 : -20
45 : #747a2e : -18
47 : #757c2d : -16
49 : #777d2b : -14
51 : #787f29 : -12
53 : #798128 : -10
55 : #7b8226 : -8
57 : #7c8424 : -6
59 : #7e8623 : -4
61 : #7f8721 : -2
63 : #80891f : ±0
65 : #828b1d : +2
67 : #838d1c : +4
69 : #858e1a : +6
71 : #869018 : +8
73 : #879217 : +10
75 : #899315 : +12
77 : #8a9513 : +14
79 : #8c9712 : +16
81 : #8d9810 : +18
83 : #8e9a0e : +20
85 : #909c0d : +22
87 : #919d0b : +24
89 : #939f09 : +26
91 : #94a108 : +28
93 : #95a206 : +30
95 : #97a404 : +32
97 : #98a603 : +34
99 : #9aa701 : +36
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #040401 : -32
3 : #0c0c03 : -30
5 : #131505 : -28
7 : #1b1d07 : -26
9 : #232508 : -24
11 : #2b2e0a : -22
13 : #33360c : -20
15 : #3a3e0e : -18
17 : #424710 : -16
19 : #4a4f12 : -14
21 : #525714 : -12
23 : #596016 : -10
25 : #616818 : -8
27 : #697019 : -6
29 : #71791b : -4
31 : #79811d : -2
33 : #80891f : ±0
35 : #889121 : +2
37 : #909a23 : +4
39 : #98a225 : +6
41 : #9faa27 : +8
43 : #a7b329 : +10
45 : #afbb2a : +12
47 : #b7c32c : +14
49 : #bfcc2e : +16
51 : #c4d133 : +18
53 : #c6d33c : +20
55 : #c8d544 : +22
57 : #cbd64c : +24
59 : #cdd855 : +26
61 : #d0da5d : +28
63 : #d2dc65 : +30
65 : #d5de6e : +32
67 : #d7e076 : +34
69 : #d9e27e : +36
71 : #dce486 : +38
73 : #dee68f : +40
75 : #e1e797 : +42
77 : #e3e99f : +44
79 : #e6eba8 : +46
81 : #e8edb0 : +48
83 : #eaefb8 : +50
85 : #edf1c1 : +52
87 : #eff3c9 : +54
89 : #f2f5d1 : +56
91 : #f4f7da : +58
93 : #f7f8e2 : +60
95 : #f9faea : +62
97 : #fbfcf3 : +64
99 : #fefefb : +66
CSS入門、作ってます。
text-shadow