#836c5d
RGB ( 赤 = 131, 緑 = 108, 青 = 93 )
HSL ( 色相 = 24°, 彩度 = 17%, 明度 = 44% )
H : 色相 ( 24° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #83605d : -20
14 : #83665d : -10
24 : #836c5d : ±0
34 : #83735d : +10
44 : #83795d : +20
54 : #837f5d : +30
64 : #81835d : +40
74 : #7a835d : +50
84 : #74835d : +60
94 : #6e835d : +70
104 : #67835d : +80
114 : #61835d : +90
124 : #5d8360 : +100
134 : #5d8366 : +110
144 : #5d836c : +120
154 : #5d8373 : +130
164 : #5d8379 : +140
174 : #5d837f : +150
184 : #5d8183 : +160
194 : #5d7a83 : +170
204 : #5d7483 : +180
214 : #5d6e83 : +190
224 : #5d6783 : +200
234 : #5d6183 : +210
244 : #605d83 : +220
254 : #665d83 : +230
264 : #6c5d83 : +240
274 : #735d83 : +250
284 : #795d83 : +260
294 : #7f5d83 : +270
304 : #835d81 : +280
314 : #835d7a : +290
324 : #835d74 : +300
334 : #835d6e : +310
344 : #835d67 : +320
354 : #835d61 : +330
14 : #83665d : -10
15 : #83675d : -9
16 : #83675d : -8
17 : #83685d : -7
18 : #83695d : -6
19 : #83695d : -5
20 : #836a5d : -4
21 : #836a5d : -3
22 : #836b5d : -2
23 : #836c5d : -1
24 : #836c5d : ±0
25 : #836d5d : +1
26 : #836e5d : +2
27 : #836e5d : +3
28 : #836f5d : +4
29 : #83705d : +5
30 : #83705d : +6
31 : #83715d : +7
32 : #83715d : +8
33 : #83725d : +9
34 : #83735d : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #71706f : -16
3 : #74706d : -14
5 : #766f6b : -12
7 : #786f68 : -10
9 : #7a6e66 : -8
11 : #7d6e64 : -6
13 : #7f6d62 : -4
15 : #816d5f : -2
17 : #836c5d : ±0
19 : #866c5b : +2
21 : #886b59 : +4
23 : #8a6b56 : +6
25 : #8c6b54 : +8
27 : #8e6a52 : +10
29 : #916a50 : +12
31 : #93694d : +14
33 : #95694b : +16
35 : #976849 : +18
37 : #9a6847 : +20
39 : #9c6744 : +22
41 : #9e6742 : +24
43 : #a06740 : +26
45 : #a3663e : +28
47 : #a5663b : +30
49 : #a76539 : +32
51 : #a96537 : +34
53 : #ac6435 : +36
55 : #ae6432 : +38
57 : #b06330 : +40
59 : #b2632e : +42
61 : #b5632c : +44
63 : #b7622a : +46
65 : #b96227 : +48
67 : #bb6125 : +50
69 : #be6123 : +52
71 : #c06021 : +54
73 : #c2601e : +56
75 : #c45f1c : +58
77 : #c75f1a : +60
79 : #c95e18 : +62
81 : #cb5e15 : +64
83 : #cd5e13 : +66
85 : #d05d11 : +68
87 : #d25d0f : +70
89 : #d45c0c : +72
91 : #d65c0a : +74
93 : #d95b08 : +76
95 : #db5b06 : +78
97 : #dd5a03 : +80
99 : #df5a01 : +82
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #060504 : -42
4 : #0c0a08 : -40
6 : #120f0d : -38
8 : #181411 : -36
10 : #1e1915 : -34
12 : #241e19 : -32
14 : #2a221e : -30
16 : #302722 : -28
18 : #362c26 : -26
20 : #3c312a : -24
22 : #42362f : -22
24 : #483b33 : -20
26 : #4e4037 : -18
28 : #54453b : -16
30 : #5a4a3f : -14
32 : #5f4f44 : -12
34 : #655448 : -10
36 : #6b594c : -8
38 : #715e50 : -6
40 : #776355 : -4
42 : #7d6759 : -2
44 : #836c5d : ±0
46 : #897161 : +2
48 : #8f7666 : +4
50 : #957b6a : +6
52 : #998070 : +8
54 : #9e8676 : +10
56 : #a28b7c : +12
58 : #a69082 : +14
60 : #aa9688 : +16
62 : #af9b8e : +18
64 : #b3a094 : +20
66 : #b7a59a : +22
68 : #bbaba0 : +24
70 : #c0b0a5 : +26
72 : #c4b5ab : +28
74 : #c8bab1 : +30
76 : #ccc0b7 : +32
78 : #d0c5bd : +34
80 : #d5cac3 : +36
82 : #d9d0c9 : +38
84 : #ddd5cf : +40
86 : #e1dad5 : +42
88 : #e6dfdb : +44
90 : #eae5e1 : +46
92 : #eeeae7 : +48
94 : #f2efed : +50
96 : #f7f4f3 : +52
98 : #fbfaf9 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow