#877645
RGB ( 赤 = 135, 緑 = 118, 青 = 69 )
HSL ( 色相 = 45°, 彩度 = 32%, 明度 = 40% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #874b45 : -40
15 : #875645 : -30
25 : #876145 : -20
35 : #876b45 : -10
45 : #877645 : ±0
55 : #878145 : +10
65 : #818745 : +20
75 : #768745 : +30
85 : #6b8745 : +40
95 : #618745 : +50
105 : #568745 : +60
115 : #4b8745 : +70
125 : #45874b : +80
135 : #458756 : +90
145 : #458761 : +100
155 : #45876b : +110
165 : #458776 : +120
175 : #458781 : +130
185 : #458187 : +140
195 : #457687 : +150
205 : #456b87 : +160
215 : #456187 : +170
225 : #455687 : +180
235 : #454b87 : +190
245 : #4b4587 : +200
255 : #564587 : +210
265 : #614587 : +220
275 : #6b4587 : +230
285 : #764587 : +240
295 : #814587 : +250
305 : #874581 : +260
315 : #874576 : +270
325 : #87456b : +280
335 : #874561 : +290
345 : #874556 : +300
355 : #87454b : +310
35 : #876b45 : -10
36 : #876d45 : -9
37 : #876e45 : -8
38 : #876f45 : -7
39 : #877045 : -6
40 : #877145 : -5
41 : #877245 : -4
42 : #877345 : -3
43 : #877445 : -2
44 : #877545 : -1
45 : #877645 : ±0
46 : #877745 : +1
47 : #877845 : +2
48 : #877a45 : +3
49 : #877b45 : +4
50 : #877c45 : +5
51 : #877d45 : +6
52 : #877e45 : +7
53 : #877f45 : +8
54 : #878045 : +9
55 : #878145 : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -32
2 : #686764 : -30
4 : #6a6862 : -28
6 : #6c6960 : -26
8 : #6e6a5e : -24
10 : #706b5c : -22
12 : #726c5a : -20
14 : #746d58 : -18
16 : #766e56 : -16
18 : #786f54 : -14
20 : #7a7052 : -12
22 : #7c7150 : -10
24 : #7e724e : -8
26 : #81734b : -6
28 : #837449 : -4
30 : #857547 : -2
32 : #877645 : ±0
34 : #897743 : +2
36 : #8b7841 : +4
38 : #8d793f : +6
40 : #8f7a3d : +8
42 : #917b3b : +10
44 : #937c39 : +12
46 : #957d37 : +14
48 : #977e35 : +16
50 : #998033 : +18
52 : #9b8131 : +20
54 : #9d822f : +22
56 : #9f832d : +24
58 : #a1842b : +26
60 : #a38529 : +28
62 : #a58627 : +30
64 : #a78725 : +32
66 : #a98823 : +34
68 : #ab8921 : +36
70 : #ad8a1f : +38
72 : #af8b1d : +40
74 : #b18c1b : +42
76 : #b48d18 : +44
78 : #b68e16 : +46
80 : #b88f14 : +48
82 : #ba9012 : +50
84 : #bc9110 : +52
86 : #be920e : +54
88 : #c0930c : +56
90 : #c2940a : +58
92 : #c49508 : +60
94 : #c69606 : +62
96 : #c89704 : +64
98 : #ca9802 : +66
100 : #cc9900 : +68
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #070603 : -38
4 : #0d0c07 : -36
6 : #14120a : -34
8 : #1b180e : -32
10 : #221e11 : -30
12 : #282315 : -28
14 : #2f2918 : -26
16 : #362f1c : -24
18 : #3d351f : -22
20 : #433b23 : -20
22 : #4a4126 : -18
24 : #51472a : -16
26 : #584d2d : -14
28 : #5e5331 : -12
30 : #655934 : -10
32 : #6c5f37 : -8
34 : #72653b : -6
36 : #796a3e : -4
38 : #807042 : -2
40 : #877645 : ±0
42 : #8d7c49 : +2
44 : #94824c : +4
46 : #9b8850 : +6
48 : #a28e53 : +8
50 : #a89457 : +10
52 : #ac985d : +12
54 : #af9c64 : +14
56 : #b3a16b : +16
58 : #b6a572 : +18
60 : #baa978 : +20
62 : #bdae7f : +22
64 : #c1b286 : +24
66 : #c4b68d : +26
68 : #c8ba93 : +28
70 : #cbbf9a : +30
72 : #cec3a1 : +32
74 : #d2c7a7 : +34
76 : #d5ccae : +36
78 : #d9d0b5 : +38
80 : #dcd4bc : +40
82 : #e0d8c2 : +42
84 : #e3ddc9 : +44
86 : #e7e1d0 : +46
88 : #eae5d7 : +48
90 : #eeeadd : +50
92 : #f1eee4 : +52
94 : #f5f2eb : +54
96 : #f8f6f2 : +56
98 : #fcfbf8 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow