#c69e39
RGB ( 赤 = 198, 緑 = 158, 青 = 57 )
HSL ( 色相 = 43°, 彩度 = 55%, 明度 = 50% )
H : 色相 ( 43° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #c64039 : -40
13 : #c65839 : -30
23 : #c66f39 : -20
33 : #c68739 : -10
43 : #c69e39 : ±0
53 : #c6b539 : +10
63 : #bfc639 : +20
73 : #a7c639 : +30
83 : #90c639 : +40
93 : #78c639 : +50
103 : #61c639 : +60
113 : #4ac639 : +70
123 : #39c640 : +80
133 : #39c658 : +90
143 : #39c66f : +100
153 : #39c687 : +110
163 : #39c69e : +120
173 : #39c6b5 : +130
183 : #39bfc6 : +140
193 : #39a7c6 : +150
203 : #3990c6 : +160
213 : #3978c6 : +170
223 : #3961c6 : +180
233 : #394ac6 : +190
243 : #4039c6 : +200
253 : #5839c6 : +210
263 : #6f39c6 : +220
273 : #8739c6 : +230
283 : #9e39c6 : +240
293 : #b539c6 : +250
303 : #c639bf : +260
313 : #c639a7 : +270
323 : #c63990 : +280
333 : #c63978 : +290
343 : #c63961 : +300
353 : #c6394a : +310
33 : #c68739 : -10
34 : #c68939 : -9
35 : #c68b39 : -8
36 : #c68e39 : -7
37 : #c69039 : -6
38 : #c69239 : -5
39 : #c69539 : -4
40 : #c69739 : -3
41 : #c69939 : -2
42 : #c69c39 : -1
43 : #c69e39 : ±0
44 : #c6a039 : +1
45 : #c6a339 : +2
46 : #c6a539 : +3
47 : #c6a739 : +4
48 : #c6aa39 : +5
49 : #c6ac39 : +6
50 : #c6ae39 : +7
51 : #c6b139 : +8
52 : #c6b339 : +9
53 : #c6b539 : +10
S : 彩度 ( 55% )
(0%) 渋い ~ 鮮やか (100%)
1 : #81807e : -54
3 : #83817c : -52
5 : #868279 : -50
7 : #888377 : -48
9 : #8b8474 : -46
11 : #8e8671 : -44
13 : #90876f : -42
15 : #93886c : -40
17 : #95896a : -38
19 : #988a67 : -36
21 : #9a8b65 : -34
23 : #9d8c62 : -32
25 : #9f8d60 : -30
27 : #a28e5d : -28
29 : #a4905b : -26
31 : #a79158 : -24
33 : #aa9255 : -22
35 : #ac9353 : -20
37 : #af9450 : -18
39 : #b1954e : -16
41 : #b4964b : -14
43 : #b69749 : -12
45 : #b99846 : -10
47 : #bb9944 : -8
49 : #be9b41 : -6
51 : #c19c3e : -4
53 : #c39d3c : -2
55 : #c69e39 : ±0
57 : #c89f37 : +2
59 : #cba034 : +4
61 : #cda132 : +6
63 : #d0a22f : +8
65 : #d2a32d : +10
67 : #d5a52a : +12
69 : #d7a628 : +14
71 : #daa725 : +16
73 : #dda822 : +18
75 : #dfa920 : +20
77 : #e2aa1d : +22
79 : #e4ab1b : +24
81 : #e7ac18 : +26
83 : #e9ad16 : +28
85 : #ecae13 : +30
87 : #eeb011 : +32
89 : #f1b10e : +34
91 : #f4b20b : +36
93 : #f6b309 : +38
95 : #f9b406 : +40
97 : #fbb504 : +42
99 : #feb601 : +44
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #080602 : -48
4 : #100d05 : -46
6 : #181307 : -44
8 : #201909 : -42
10 : #28200b : -40
12 : #2f260e : -38
14 : #372c10 : -36
16 : #3f3312 : -34
18 : #473915 : -32
20 : #4f3f17 : -30
22 : #574519 : -28
24 : #5f4c1c : -26
26 : #67521e : -24
28 : #6f5820 : -22
30 : #775f22 : -20
32 : #7e6525 : -18
34 : #866b27 : -16
36 : #8e7229 : -14
38 : #96782c : -12
40 : #9e7e2e : -10
42 : #a68530 : -8
44 : #ae8b32 : -6
46 : #b69135 : -4
48 : #be9837 : -2
50 : #c69e39 : ±0
52 : #c8a241 : +2
54 : #caa649 : +4
56 : #cdaa51 : +6
58 : #cfad59 : +8
60 : #d1b161 : +10
62 : #d3b569 : +12
64 : #d6b971 : +14
66 : #d8bd79 : +16
68 : #dac181 : +18
70 : #ddc588 : +20
72 : #dfc990 : +22
74 : #e1cd98 : +24
76 : #e3d0a0 : +26
78 : #e6d4a8 : +28
80 : #e8d8b0 : +30
82 : #eadcb8 : +32
84 : #ede0c0 : +34
86 : #efe4c8 : +36
88 : #f1e8d0 : +38
90 : #f4ecd7 : +40
92 : #f6efdf : +42
94 : #f8f3e7 : +44
96 : #faf7ef : +46
98 : #fdfbf7 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow