#c58d63
RGB ( 赤 = 197, 緑 = 141, 青 = 99 )
HSL ( 色相 = 26°, 彩度 = 46%, 明度 = 58% )
H : 色相 ( 26° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #c56c63 : -20
16 : #c57d63 : -10
26 : #c58d63 : ±0
36 : #c59e63 : +10
46 : #c5ae63 : +20
56 : #c5bf63 : +30
66 : #bbc563 : +40
76 : #abc563 : +50
86 : #9ac563 : +60
96 : #8ac563 : +70
106 : #7ac563 : +80
116 : #69c563 : +90
126 : #63c56c : +100
136 : #63c57d : +110
146 : #63c58d : +120
156 : #63c59e : +130
166 : #63c5ae : +140
176 : #63c5bf : +150
186 : #63bbc5 : +160
196 : #63abc5 : +170
206 : #639ac5 : +180
216 : #638ac5 : +190
226 : #637ac5 : +200
236 : #6369c5 : +210
246 : #6c63c5 : +220
256 : #7d63c5 : +230
266 : #8d63c5 : +240
276 : #9e63c5 : +250
286 : #ae63c5 : +260
296 : #bf63c5 : +270
306 : #c563bb : +280
316 : #c563ab : +290
326 : #c5639a : +300
336 : #c5638a : +310
346 : #c5637a : +320
356 : #c56369 : +330
16 : #c57d63 : -10
17 : #c57f63 : -9
18 : #c58063 : -8
19 : #c58263 : -7
20 : #c58363 : -6
21 : #c58563 : -5
22 : #c58763 : -4
23 : #c58863 : -3
24 : #c58a63 : -2
25 : #c58c63 : -1
26 : #c58d63 : ±0
27 : #c58f63 : +1
28 : #c59163 : +2
29 : #c59263 : +3
30 : #c59463 : +4
31 : #c59663 : +5
32 : #c59763 : +6
33 : #c59963 : +7
34 : #c59a63 : +8
35 : #c59c63 : +9
36 : #c59e63 : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #939393 : -46
2 : #969492 : -44
4 : #989390 : -42
6 : #9a938d : -40
8 : #9c938b : -38
10 : #9f9289 : -36
12 : #a19287 : -34
14 : #a39285 : -32
16 : #a59283 : -30
18 : #a79181 : -28
20 : #a9917e : -26
22 : #ab917c : -24
24 : #ae907a : -22
26 : #b09078 : -20
28 : #b29076 : -18
30 : #b49074 : -16
32 : #b68f72 : -14
34 : #b88f6f : -12
36 : #ba8f6d : -10
38 : #bd8e6b : -8
40 : #bf8e69 : -6
42 : #c18e67 : -4
44 : #c38e65 : -2
46 : #c58d63 : ±0
48 : #c78d60 : +2
50 : #c98d5e : +4
52 : #cc8c5c : +6
54 : #ce8c5a : +8
56 : #d08c58 : +10
58 : #d28c56 : +12
60 : #d48b54 : +14
62 : #d68b51 : +16
64 : #d88b4f : +18
66 : #db8a4d : +20
68 : #dd8a4b : +22
70 : #df8a49 : +24
72 : #e18a47 : +26
74 : #e38945 : +28
76 : #e58943 : +30
78 : #e78940 : +32
80 : #ea883e : +34
82 : #ec883c : +36
84 : #ee883a : +38
86 : #f08838 : +40
88 : #f28736 : +42
90 : #f48734 : +44
92 : #f68731 : +46
94 : #f9862f : +48
96 : #fb862d : +50
98 : #fd862b : +52
100 : #ff8629 : +54
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #070503 : -56
4 : #0f0a06 : -54
6 : #160e08 : -52
8 : #1e130b : -50
10 : #25180e : -48
12 : #2d1d11 : -46
14 : #342213 : -44
16 : #3c2616 : -42
18 : #432b19 : -40
20 : #4a301c : -38
22 : #52351e : -36
24 : #593921 : -34
26 : #613e24 : -32
28 : #684327 : -30
30 : #704829 : -28
32 : #774d2c : -26
34 : #7f512f : -24
36 : #865632 : -22
38 : #8d5b34 : -20
40 : #956037 : -18
42 : #9c653a : -16
44 : #a4693d : -14
46 : #ab6e3f : -12
48 : #b37342 : -10
50 : #ba7845 : -8
52 : #bd7d4c : -6
54 : #c08354 : -4
56 : #c2885b : -2
58 : #c58d63 : ±0
60 : #c8936a : +2
62 : #cb9872 : +4
64 : #cd9e79 : +6
66 : #d0a380 : +8
68 : #d3a888 : +10
70 : #d6ae8f : +12
72 : #d8b397 : +14
74 : #dbb99e : +16
76 : #debea6 : +18
78 : #e1c3ad : +20
80 : #e3c9b5 : +22
82 : #e6cebc : +24
84 : #e9d4c3 : +26
86 : #ecd9cb : +28
88 : #eedfd2 : +30
90 : #f1e4da : +32
92 : #f4e9e1 : +34
94 : #f7efe9 : +36
96 : #f9f4f0 : +38
98 : #fcfaf8 : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow