#6f891f
RGB ( 赤 = 111, 緑 = 137, 青 = 31 )
HSL ( 色相 = 75°, 彩度 = 63%, 明度 = 33% )
H : 色相 ( 75° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #89281f : -70
15 : #893a1f : -60
25 : #894b1f : -50
35 : #895d1f : -40
45 : #896f1f : -30
55 : #89801f : -20
65 : #80891f : -10
75 : #6f891f : ±0
85 : #5d891f : +10
95 : #4b891f : +20
105 : #3a891f : +30
115 : #28891f : +40
125 : #1f8928 : +50
135 : #1f893a : +60
145 : #1f894b : +70
155 : #1f895d : +80
165 : #1f896f : +90
175 : #1f8980 : +100
185 : #1f8089 : +110
195 : #1f6f89 : +120
205 : #1f5d89 : +130
215 : #1f4b89 : +140
225 : #1f3a89 : +150
235 : #1f2889 : +160
245 : #281f89 : +170
255 : #3a1f89 : +180
265 : #4b1f89 : +190
275 : #5d1f89 : +200
285 : #6f1f89 : +210
295 : #801f89 : +220
305 : #891f80 : +230
315 : #891f6f : +240
325 : #891f5d : +250
335 : #891f4b : +260
345 : #891f3a : +270
355 : #891f28 : +280
65 : #80891f : -10
66 : #7f891f : -9
67 : #7d891f : -8
68 : #7b891f : -7
69 : #79891f : -6
70 : #77891f : -5
71 : #76891f : -4
72 : #74891f : -3
73 : #72891f : -2
74 : #70891f : -1
75 : #6f891f : ±0
76 : #6d891f : +1
77 : #6b891f : +2
78 : #69891f : +3
79 : #68891f : +4
80 : #66891f : +5
81 : #64891f : +6
82 : #62891f : +7
83 : #61891f : +8
84 : #5f891f : +9
85 : #5d891f : +10
S : 彩度 ( 63% )
(0%) 渋い ~ 鮮やか (100%)
1 : #555553 : -62
3 : #555752 : -60
5 : #565850 : -58
7 : #575a4e : -56
9 : #585c4d : -54
11 : #595d4b : -52
13 : #5a5f49 : -50
15 : #5a6148 : -48
17 : #5b6246 : -46
19 : #5c6444 : -44
21 : #5d6642 : -42
23 : #5e6841 : -40
25 : #5f693f : -38
27 : #606b3d : -36
29 : #606d3c : -34
31 : #616e3a : -32
33 : #627038 : -30
35 : #637237 : -28
37 : #647335 : -26
39 : #657533 : -24
41 : #657732 : -22
43 : #667830 : -20
45 : #677a2e : -18
47 : #687c2d : -16
49 : #697d2b : -14
51 : #6a7f29 : -12
53 : #6a8128 : -10
55 : #6b8226 : -8
57 : #6c8424 : -6
59 : #6d8623 : -4
61 : #6e8721 : -2
63 : #6f891f : ±0
65 : #6f8b1d : +2
67 : #708d1c : +4
69 : #718e1a : +6
71 : #729018 : +8
73 : #739217 : +10
75 : #749315 : +12
77 : #759513 : +14
79 : #759712 : +16
81 : #769810 : +18
83 : #779a0e : +20
85 : #789c0d : +22
87 : #799d0b : +24
89 : #7a9f09 : +26
91 : #7aa108 : +28
93 : #7ba206 : +30
95 : #7ca404 : +32
97 : #7da603 : +34
99 : #7ea701 : +36
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #030401 : -32
3 : #0a0c03 : -30
5 : #111505 : -28
7 : #171d07 : -26
9 : #1e2508 : -24
11 : #252e0a : -22
13 : #2c360c : -20
15 : #323e0e : -18
17 : #394710 : -16
19 : #404f12 : -14
21 : #465714 : -12
23 : #4d6016 : -10
25 : #546818 : -8
27 : #5b7019 : -6
29 : #61791b : -4
31 : #68811d : -2
33 : #6f891f : ±0
35 : #759121 : +2
37 : #7c9a23 : +4
39 : #83a225 : +6
41 : #89aa27 : +8
43 : #90b329 : +10
45 : #97bb2a : +12
47 : #9ec32c : +14
49 : #a4cc2e : +16
51 : #a9d133 : +18
53 : #add33c : +20
55 : #b0d544 : +22
57 : #b4d64c : +24
59 : #b7d855 : +26
61 : #bbda5d : +28
63 : #bedc65 : +30
65 : #c2de6e : +32
67 : #c5e076 : +34
69 : #c9e27e : +36
71 : #cce486 : +38
73 : #d0e68f : +40
75 : #d3e797 : +42
77 : #d7e99f : +44
79 : #daeba8 : +46
81 : #deedb0 : +48
83 : #e1efb8 : +50
85 : #e5f1c1 : +52
87 : #e8f3c9 : +54
89 : #ecf5d1 : +56
91 : #eff7da : +58
93 : #f3f8e2 : +60
95 : #f6faea : +62
97 : #fafcf3 : +64
99 : #fdfefb : +66
CSS入門、作ってます。
text-shadow