#87841c
RGB ( 赤 = 135, 緑 = 132, 青 = 28 )
HSL ( 色相 = 58°, 彩度 = 66%, 明度 = 32% )
H : 色相 ( 58° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #872a1c : -50
18 : #873c1c : -40
28 : #874e1c : -30
38 : #87601c : -20
48 : #87721c : -10
58 : #87841c : ±0
68 : #79871c : +10
78 : #67871c : +20
88 : #55871c : +30
98 : #43871c : +40
108 : #31871c : +50
118 : #1f871c : +60
128 : #1c872a : +70
138 : #1c873c : +80
148 : #1c874e : +90
158 : #1c8760 : +100
168 : #1c8772 : +110
178 : #1c8784 : +120
188 : #1c7987 : +130
198 : #1c6787 : +140
208 : #1c5587 : +150
218 : #1c4387 : +160
228 : #1c3187 : +170
238 : #1c1f87 : +180
248 : #2a1c87 : +190
258 : #3c1c87 : +200
268 : #4e1c87 : +210
278 : #601c87 : +220
288 : #721c87 : +230
298 : #841c87 : +240
308 : #871c79 : +250
318 : #871c67 : +260
328 : #871c55 : +270
338 : #871c43 : +280
348 : #871c31 : +290
358 : #871c1f : +300
48 : #87721c : -10
49 : #87741c : -9
50 : #87761c : -8
51 : #87771c : -7
52 : #87791c : -6
53 : #877b1c : -5
54 : #877d1c : -4
55 : #877e1c : -3
56 : #87801c : -2
57 : #87821c : -1
58 : #87841c : ±0
59 : #87861c : +1
60 : #87871c : +2
61 : #86871c : +3
62 : #84871c : +4
63 : #82871c : +5
64 : #80871c : +6
65 : #7e871c : +7
66 : #7d871c : +8
67 : #7b871c : +9
68 : #79871c : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -66
2 : #535350 : -64
4 : #55554e : -62
6 : #56564d : -60
8 : #58584b : -58
10 : #5a5949 : -56
12 : #5b5b48 : -54
14 : #5d5c46 : -52
16 : #5f5e45 : -50
18 : #605f43 : -48
20 : #626141 : -46
22 : #646240 : -44
24 : #65643e : -42
26 : #67653c : -40
28 : #68673b : -38
30 : #6a6839 : -36
32 : #6c6a37 : -34
34 : #6d6b36 : -32
36 : #6f6d34 : -30
38 : #716f33 : -28
40 : #727031 : -26
42 : #74722f : -24
44 : #76732e : -22
46 : #77752c : -20
48 : #79762a : -18
50 : #7a7829 : -16
52 : #7c7927 : -14
54 : #7e7b26 : -12
56 : #7f7c24 : -10
58 : #817e22 : -8
60 : #837f21 : -6
62 : #84811f : -4
64 : #86821d : -2
66 : #87841c : ±0
68 : #89851a : +2
70 : #8b8718 : +4
72 : #8c8817 : +6
74 : #8e8a15 : +8
76 : #908b14 : +10
78 : #918d12 : +12
80 : #938f10 : +14
82 : #95900f : +16
84 : #96920d : +18
86 : #98930b : +20
88 : #99950a : +22
90 : #9b9608 : +24
92 : #9d9807 : +26
94 : #9e9905 : +28
96 : #a09b03 : +30
98 : #a29c02 : +32
100 : #a39e00 : +34
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #080802 : -30
4 : #111003 : -28
6 : #191905 : -26
8 : #222107 : -24
10 : #2a2909 : -22
12 : #33310a : -20
14 : #3b3a0c : -18
16 : #44420e : -16
18 : #4c4a10 : -14
20 : #555211 : -12
22 : #5d5b13 : -10
24 : #666315 : -8
26 : #6e6b17 : -6
28 : #777318 : -4
30 : #7f7c1a : -2
32 : #87841c : ±0
34 : #908c1d : +2
36 : #98941f : +4
38 : #a19d21 : +6
40 : #a9a523 : +8
42 : #b2ad24 : +10
44 : #bab526 : +12
46 : #c3be28 : +14
48 : #cbc62a : +16
50 : #d4ce2b : +18
52 : #d5d034 : +20
54 : #d7d23c : +22
56 : #d9d445 : +24
58 : #dbd64d : +26
60 : #dcd856 : +28
62 : #deda5e : +30
64 : #e0dc67 : +32
66 : #e2de6f : +34
68 : #e3e078 : +36
70 : #e5e280 : +38
72 : #e7e488 : +40
74 : #e8e691 : +42
76 : #eae799 : +44
78 : #ece9a2 : +46
80 : #eeebaa : +48
82 : #efedb3 : +50
84 : #f1efbb : +52
86 : #f3f1c4 : +54
88 : #f5f3cc : +56
90 : #f6f5d5 : +58
92 : #f8f7dd : +60
94 : #faf9e6 : +62
96 : #fcfbee : +64
98 : #fdfdf7 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow