#c56a49
RGB ( 赤 = 197, 緑 = 106, 青 = 73 )
HSL ( 色相 = 16°, 彩度 = 52%, 明度 = 53% )
H : 色相 ( 16° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #c55549 : -10
16 : #c56a49 : ±0
26 : #c57f49 : +10
36 : #c59449 : +20
46 : #c5a849 : +30
56 : #c5bd49 : +40
66 : #b9c549 : +50
76 : #a4c549 : +60
86 : #8fc549 : +70
96 : #7bc549 : +80
106 : #66c549 : +90
116 : #51c549 : +100
126 : #49c555 : +110
136 : #49c56a : +120
146 : #49c57f : +130
156 : #49c594 : +140
166 : #49c5a8 : +150
176 : #49c5bd : +160
186 : #49b9c5 : +170
196 : #49a4c5 : +180
206 : #498fc5 : +190
216 : #497bc5 : +200
226 : #4966c5 : +210
236 : #4951c5 : +220
246 : #5549c5 : +230
256 : #6a49c5 : +240
266 : #7f49c5 : +250
276 : #9449c5 : +260
286 : #a849c5 : +270
296 : #bd49c5 : +280
306 : #c549b9 : +290
316 : #c549a4 : +300
326 : #c5498f : +310
336 : #c5497b : +320
346 : #c54966 : +330
356 : #c54951 : +340
6 : #c55549 : -10
7 : #c55749 : -9
8 : #c55949 : -8
9 : #c55c49 : -7
10 : #c55e49 : -6
11 : #c56049 : -5
12 : #c56249 : -4
13 : #c56449 : -3
14 : #c56649 : -2
15 : #c56849 : -1
16 : #c56a49 : ±0
17 : #c56c49 : +1
18 : #c56e49 : +2
19 : #c57049 : +3
20 : #c57249 : +4
21 : #c57449 : +5
22 : #c57749 : +6
23 : #c57949 : +7
24 : #c57b49 : +8
25 : #c57d49 : +9
26 : #c57f49 : +10
S : 彩度 ( 52% )
(0%) 渋い ~ 鮮やか (100%)
0 : #878787 : -52
2 : #8a8685 : -50
4 : #8c8582 : -48
6 : #8e8480 : -46
8 : #91837e : -44
10 : #93827b : -42
12 : #968079 : -40
14 : #987f76 : -38
16 : #9a7e74 : -36
18 : #9d7d72 : -34
20 : #9f7c6f : -32
22 : #a27b6d : -30
24 : #a47a6a : -28
26 : #a67968 : -26
28 : #a97766 : -24
30 : #ab7663 : -22
32 : #ae7561 : -20
34 : #b0745e : -18
36 : #b2735c : -16
38 : #b5725a : -14
40 : #b77157 : -12
42 : #b97055 : -10
44 : #bc6f52 : -8
46 : #be6d50 : -6
48 : #c16c4e : -4
50 : #c36b4b : -2
52 : #c56a49 : ±0
54 : #c86946 : +2
56 : #ca6844 : +4
58 : #cd6742 : +6
60 : #cf663f : +8
62 : #d1643d : +10
64 : #d4633a : +12
66 : #d66238 : +14
68 : #d96136 : +16
70 : #db6033 : +18
72 : #dd5f31 : +20
74 : #e05e2e : +22
76 : #e25d2c : +24
78 : #e55c2a : +26
80 : #e75a27 : +28
82 : #e95925 : +30
84 : #ec5822 : +32
86 : #ee5720 : +34
88 : #f1561e : +36
90 : #f3551b : +38
92 : #f55419 : +40
94 : #f85316 : +42
96 : #fa5114 : +44
98 : #fd5012 : +46
100 : #ff4f0f : +48
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #040201 : -52
3 : #0c0604 : -50
5 : #130a06 : -48
7 : #1b0e09 : -46
9 : #23110b : -44
11 : #2b150d : -42
13 : #321910 : -40
15 : #3a1d12 : -38
17 : #422115 : -36
19 : #4a2517 : -34
21 : #51291a : -32
23 : #592c1c : -30
25 : #61301f : -28
27 : #693421 : -26
29 : #703823 : -24
31 : #783c26 : -22
33 : #804028 : -20
35 : #88442b : -18
37 : #8f472d : -16
39 : #974b30 : -14
41 : #9f4f32 : -12
43 : #a75335 : -10
45 : #ae5737 : -8
47 : #b65b3a : -6
49 : #be5f3c : -4
51 : #c36441 : -2
53 : #c56a49 : ±0
55 : #c87051 : +2
57 : #ca7758 : +4
59 : #cd7d60 : +6
61 : #cf8368 : +8
63 : #d28a70 : +10
65 : #d49077 : +12
67 : #d7967f : +14
69 : #d99d87 : +16
71 : #dca38f : +18
73 : #dea996 : +20
75 : #e0b09e : +22
77 : #e3b6a6 : +24
79 : #e5bcae : +26
81 : #e8c3b5 : +28
83 : #eac9bd : +30
85 : #edcfc5 : +32
87 : #efd6cd : +34
89 : #f2dcd4 : +36
91 : #f4e2dc : +38
93 : #f6e9e4 : +40
95 : #f9efec : +42
97 : #fbf5f3 : +44
99 : #fefcfb : +46
CSS入門、作ってます。
text-shadow