#7ba63f
RGB ( 赤 = 123, 緑 = 166, 青 = 63 )
HSL ( 色相 = 85°, 彩度 = 45%, 明度 = 45% )
H : 色相 ( 85° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #a6483f : -80
15 : #a6593f : -70
25 : #a66a3f : -60
35 : #a67b3f : -50
45 : #a68d3f : -40
55 : #a69e3f : -30
65 : #9ea63f : -20
75 : #8da63f : -10
85 : #7ba63f : ±0
95 : #6aa63f : +10
105 : #59a63f : +20
115 : #48a63f : +30
125 : #3fa648 : +40
135 : #3fa659 : +50
145 : #3fa66a : +60
155 : #3fa67b : +70
165 : #3fa68d : +80
175 : #3fa69e : +90
185 : #3f9ea6 : +100
195 : #3f8da6 : +110
205 : #3f7ba6 : +120
215 : #3f6aa6 : +130
225 : #3f59a6 : +140
235 : #3f48a6 : +150
245 : #483fa6 : +160
255 : #593fa6 : +170
265 : #6a3fa6 : +180
275 : #7b3fa6 : +190
285 : #8d3fa6 : +200
295 : #9e3fa6 : +210
305 : #a63f9e : +220
315 : #a63f8d : +230
325 : #a63f7b : +240
335 : #a63f6a : +250
345 : #a63f59 : +260
355 : #a63f48 : +270
75 : #8da63f : -10
76 : #8ba63f : -9
77 : #89a63f : -8
78 : #87a63f : -7
79 : #86a63f : -6
80 : #84a63f : -5
81 : #82a63f : -4
82 : #81a63f : -3
83 : #7fa63f : -2
84 : #7da63f : -1
85 : #7ba63f : ±0
86 : #7aa63f : +1
87 : #78a63f : +2
88 : #76a63f : +3
89 : #74a63f : +4
90 : #73a63f : +5
91 : #71a63f : +6
92 : #6fa63f : +7
93 : #6ea63f : +8
94 : #6ca63f : +9
95 : #6aa63f : +10
S : 彩度 ( 45% )
(0%) 渋い ~ 鮮やか (100%)
1 : #737472 : -44
3 : #73766f : -42
5 : #74786d : -40
7 : #747b6b : -38
9 : #747d68 : -36
11 : #757f66 : -34
13 : #758264 : -32
15 : #768462 : -30
17 : #76865f : -28
19 : #76895d : -26
21 : #778b5b : -24
23 : #778d58 : -22
25 : #788f56 : -20
27 : #789254 : -18
29 : #789451 : -16
31 : #79964f : -14
33 : #79994d : -12
35 : #799b4b : -10
37 : #7a9d48 : -8
39 : #7aa046 : -6
41 : #7ba244 : -4
43 : #7ba441 : -2
45 : #7ba63f : ±0
47 : #7ca93d : +2
49 : #7cab3b : +4
51 : #7dad38 : +6
53 : #7db036 : +8
55 : #7db234 : +10
57 : #7eb431 : +12
59 : #7eb62f : +14
61 : #7eb92d : +16
63 : #7fbb2a : +18
65 : #7fbd28 : +20
67 : #80c026 : +22
69 : #80c224 : +24
71 : #80c421 : +26
73 : #81c71f : +28
75 : #81c91d : +30
77 : #81cb1a : +32
79 : #82cd18 : +34
81 : #82d016 : +36
83 : #83d214 : +38
85 : #83d411 : +40
87 : #83d70f : +42
89 : #84d90d : +44
91 : #84db0a : +46
93 : #85dd08 : +48
95 : #85e006 : +50
97 : #85e203 : +52
99 : #86e401 : +54
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #030401 : -44
3 : #080b04 : -42
5 : #0e1207 : -40
7 : #131a0a : -38
9 : #19210d : -36
11 : #1e290f : -34
13 : #243012 : -32
15 : #293715 : -30
17 : #2f3f18 : -28
19 : #34461b : -26
21 : #3a4e1d : -24
23 : #3f5520 : -22
25 : #455c23 : -20
27 : #4a6426 : -18
29 : #4f6b29 : -16
31 : #55732b : -14
33 : #5a7a2e : -12
35 : #608131 : -10
37 : #658934 : -8
39 : #6b9037 : -6
41 : #70983a : -4
43 : #769f3c : -2
45 : #7ba63f : ±0
47 : #81ae42 : +2
49 : #86b545 : +4
51 : #8bba4a : +6
53 : #90bd51 : +8
55 : #95c059 : +10
57 : #9ac360 : +12
59 : #9ec567 : +14
61 : #a3c86f : +16
63 : #a8cb76 : +18
65 : #acce7e : +20
67 : #b1d185 : +22
69 : #b6d48c : +24
71 : #bbd694 : +26
73 : #bfd99b : +28
75 : #c4dca3 : +30
77 : #c9dfaa : +32
79 : #cde2b1 : +34
81 : #d2e4b9 : +36
83 : #d7e7c0 : +38
85 : #dceac8 : +40
87 : #e0edcf : +42
89 : #e5f0d6 : +44
91 : #eaf2de : +46
93 : #eef5e5 : +48
95 : #f3f8ed : +50
97 : #f8fbf4 : +52
99 : #fdfefb : +54
CSS入門、作ってます。
text-shadow