#827b17
RGB ( 赤 = 130, 緑 = 123, 青 = 23 )
HSL ( 色相 = 56°, 彩度 = 70%, 明度 = 30% )
H : 色相 ( 56° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #822217 : -50
16 : #823417 : -40
26 : #824517 : -30
36 : #825717 : -20
46 : #826917 : -10
56 : #827b17 : ±0
66 : #778217 : +10
76 : #658217 : +20
86 : #548217 : +30
96 : #428217 : +40
106 : #308217 : +50
116 : #1e8217 : +60
126 : #178222 : +70
136 : #178234 : +80
146 : #178245 : +90
156 : #178257 : +100
166 : #178269 : +110
176 : #17827b : +120
186 : #177782 : +130
196 : #176582 : +140
206 : #175482 : +150
216 : #174282 : +160
226 : #173082 : +170
236 : #171e82 : +180
246 : #221782 : +190
256 : #341782 : +200
266 : #451782 : +210
276 : #571782 : +220
286 : #691782 : +230
296 : #7b1782 : +240
306 : #821777 : +250
316 : #821765 : +260
326 : #821754 : +270
336 : #821742 : +280
346 : #821730 : +290
356 : #82171e : +300
46 : #826917 : -10
47 : #826b17 : -9
48 : #826d17 : -8
49 : #826e17 : -7
50 : #827017 : -6
51 : #827217 : -5
52 : #827417 : -4
53 : #827617 : -3
54 : #827717 : -2
55 : #827917 : -1
56 : #827b17 : ±0
57 : #827d17 : +1
58 : #827e17 : +2
59 : #828017 : +3
60 : #828217 : +4
61 : #808217 : +5
62 : #7e8217 : +6
63 : #7d8217 : +7
64 : #7b8217 : +8
65 : #798217 : +9
66 : #778217 : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4c4c4c : -70
2 : #4e4e4b : -68
4 : #504f49 : -66
6 : #515048 : -64
8 : #535246 : -62
10 : #545345 : -60
12 : #565443 : -58
14 : #575642 : -56
16 : #595740 : -54
18 : #5a583f : -52
20 : #5c5a3d : -50
22 : #5d5b3c : -48
24 : #5f5c3a : -46
26 : #605e39 : -44
28 : #625f37 : -42
30 : #636036 : -40
32 : #656234 : -38
34 : #676332 : -36
36 : #686431 : -34
38 : #6a662f : -32
40 : #6b672e : -30
42 : #6d682c : -28
44 : #6e6a2b : -26
46 : #706b29 : -24
48 : #716c28 : -22
50 : #736e26 : -20
52 : #746f25 : -18
54 : #767023 : -16
56 : #777222 : -14
58 : #797320 : -12
60 : #7a741f : -10
62 : #7c761d : -8
64 : #7d771c : -6
66 : #7f781a : -4
68 : #817a18 : -2
70 : #827b17 : ±0
72 : #847c15 : +2
74 : #857e14 : +4
76 : #877f12 : +6
78 : #888011 : +8
80 : #8a820f : +10
82 : #8b830e : +12
84 : #8d840c : +14
86 : #8e860b : +16
88 : #908709 : +18
90 : #918808 : +20
92 : #938906 : +22
94 : #948b05 : +24
96 : #968c03 : +26
98 : #978d02 : +28
100 : #998f00 : +30
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #090802 : -28
4 : #111003 : -26
6 : #1a1905 : -24
8 : #232106 : -22
10 : #2b2908 : -20
12 : #343109 : -18
14 : #3d390b : -16
16 : #45420c : -14
18 : #4e4a0e : -12
20 : #57520f : -10
22 : #5f5a11 : -8
24 : #686212 : -6
26 : #716b14 : -4
28 : #797315 : -2
30 : #827b17 : ±0
32 : #8b8318 : +2
34 : #938b1a : +4
36 : #9c931c : +6
38 : #a59c1d : +8
40 : #ada41f : +10
42 : #b6ac20 : +12
44 : #bfb422 : +14
46 : #c7bc23 : +16
48 : #d0c525 : +18
50 : #d9cd26 : +20
52 : #dacf2f : +22
54 : #dcd138 : +24
56 : #ddd340 : +26
58 : #dfd549 : +28
60 : #e0d752 : +30
62 : #e2d95a : +32
64 : #e3db63 : +34
66 : #e5dd6c : +36
68 : #e7df74 : +38
70 : #e8e17d : +40
72 : #eae386 : +42
74 : #ebe58e : +44
76 : #ede797 : +46
78 : #eee9a0 : +48
80 : #f0eba8 : +50
82 : #f1edb1 : +52
84 : #f3efba : +54
86 : #f4f1c2 : +56
88 : #f6f3cb : +58
90 : #f7f5d4 : +60
92 : #f9f7dc : +62
94 : #faf9e5 : +64
96 : #fcfbee : +66
98 : #fdfdf6 : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow