#836816
RGB ( 赤 = 131, 緑 = 104, 青 = 22 )
HSL ( 色相 = 45°, 彩度 = 71%, 明度 = 30% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #831f16 : -40
15 : #833116 : -30
25 : #834316 : -20
35 : #835616 : -10
45 : #836816 : ±0
55 : #837a16 : +10
65 : #7a8316 : +20
75 : #688316 : +30
85 : #568316 : +40
95 : #438316 : +50
105 : #318316 : +60
115 : #1f8316 : +70
125 : #16831f : +80
135 : #168331 : +90
145 : #168343 : +100
155 : #168356 : +110
165 : #168368 : +120
175 : #16837a : +130
185 : #167a83 : +140
195 : #166883 : +150
205 : #165683 : +160
215 : #164383 : +170
225 : #163183 : +180
235 : #161f83 : +190
245 : #1f1683 : +200
255 : #311683 : +210
265 : #431683 : +220
275 : #561683 : +230
285 : #681683 : +240
295 : #7a1683 : +250
305 : #83167a : +260
315 : #831668 : +270
325 : #831656 : +280
335 : #831643 : +290
345 : #831631 : +300
355 : #83161f : +310
35 : #835616 : -10
36 : #835716 : -9
37 : #835916 : -8
38 : #835b16 : -7
39 : #835d16 : -6
40 : #835f16 : -5
41 : #836016 : -4
42 : #836216 : -3
43 : #836416 : -2
44 : #836616 : -1
45 : #836816 : ±0
46 : #836916 : +1
47 : #836b16 : +2
48 : #836d16 : +3
49 : #836f16 : +4
50 : #837116 : +5
51 : #837316 : +6
52 : #837416 : +7
53 : #837616 : +8
54 : #837816 : +9
55 : #837a16 : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4d4d4c : -70
3 : #4f4e4a : -68
5 : #504e49 : -66
7 : #524f47 : -64
9 : #535046 : -62
11 : #555144 : -60
13 : #565143 : -58
15 : #585241 : -56
17 : #5a533f : -54
19 : #5b543e : -52
21 : #5d553c : -50
23 : #5e553b : -48
25 : #605639 : -46
27 : #615738 : -44
29 : #635836 : -42
31 : #645835 : -40
33 : #665933 : -38
35 : #675a32 : -36
37 : #695b30 : -34
39 : #6a5b2f : -32
41 : #6c5c2d : -30
43 : #6d5d2c : -28
45 : #6f5e2a : -26
47 : #705e29 : -24
49 : #725f27 : -22
51 : #746025 : -20
53 : #756124 : -18
55 : #776222 : -16
57 : #786221 : -14
59 : #7a631f : -12
61 : #7b641e : -10
63 : #7d651c : -8
65 : #7e651b : -6
67 : #806619 : -4
69 : #816718 : -2
71 : #836816 : ±0
73 : #846815 : +2
75 : #866913 : +4
77 : #876a12 : +6
79 : #896b10 : +8
81 : #8a6b0f : +10
83 : #8c6c0d : +12
85 : #8e6d0b : +14
87 : #8f6e0a : +16
89 : #916f08 : +18
91 : #926f07 : +20
93 : #947005 : +22
95 : #957104 : +24
97 : #977202 : +26
99 : #987201 : +28
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #090701 : -28
4 : #110e03 : -26
6 : #1a1504 : -24
8 : #231c06 : -22
10 : #2c2307 : -20
12 : #342909 : -18
14 : #3d300a : -16
16 : #46370c : -14
18 : #4e3e0d : -12
20 : #57450f : -10
22 : #604c10 : -8
24 : #695312 : -6
26 : #715a13 : -4
28 : #7a6115 : -2
30 : #836816 : ±0
32 : #8c6f18 : +2
34 : #947519 : +4
36 : #9d7c1b : +6
38 : #a6831c : +8
40 : #ae8a1e : +10
42 : #b7911f : +12
44 : #c09821 : +14
46 : #c99f22 : +16
48 : #d1a623 : +18
50 : #daad25 : +20
52 : #dcb02e : +22
54 : #ddb336 : +24
56 : #deb73f : +26
58 : #e0ba48 : +28
60 : #e1bd51 : +30
62 : #e3c059 : +32
64 : #e4c462 : +34
66 : #e6c76b : +36
68 : #e7ca73 : +38
70 : #e9ce7c : +40
72 : #ead185 : +42
74 : #ecd48e : +44
76 : #edd896 : +46
78 : #efdb9f : +48
80 : #f0dea8 : +50
82 : #f2e1b1 : +52
84 : #f3e5b9 : +54
86 : #f5e8c2 : +56
88 : #f6ebcb : +58
90 : #f8efd3 : +60
92 : #f9f2dc : +62
94 : #fbf5e5 : +64
96 : #fcf8ee : +66
98 : #fefcf6 : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow