#ca743f
RGB ( 赤 = 202, 緑 = 116, 青 = 63 )
HSL ( 色相 = 23°, 彩度 = 57%, 明度 = 52% )
H : 色相 ( 23° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #ca463f : -20
13 : #ca5d3f : -10
23 : #ca743f : ±0
33 : #ca8c3f : +10
43 : #caa33f : +20
53 : #caba3f : +30
63 : #c3ca3f : +40
73 : #acca3f : +50
83 : #95ca3f : +60
93 : #7eca3f : +70
103 : #66ca3f : +80
113 : #4fca3f : +90
123 : #3fca46 : +100
133 : #3fca5d : +110
143 : #3fca74 : +120
153 : #3fca8c : +130
163 : #3fcaa3 : +140
173 : #3fcaba : +150
183 : #3fc3ca : +160
193 : #3facca : +170
203 : #3f95ca : +180
213 : #3f7eca : +190
223 : #3f66ca : +200
233 : #3f4fca : +210
243 : #463fca : +220
253 : #5d3fca : +230
263 : #743fca : +240
273 : #8c3fca : +250
283 : #a33fca : +260
293 : #ba3fca : +270
303 : #ca3fc3 : +280
313 : #ca3fac : +290
323 : #ca3f95 : +300
333 : #ca3f7e : +310
343 : #ca3f66 : +320
353 : #ca3f4f : +330
13 : #ca5d3f : -10
14 : #ca5f3f : -9
15 : #ca623f : -8
16 : #ca643f : -7
17 : #ca663f : -6
18 : #ca693f : -5
19 : #ca6b3f : -4
20 : #ca6d3f : -3
21 : #ca703f : -2
22 : #ca723f : -1
23 : #ca743f : ±0
24 : #ca773f : +1
25 : #ca793f : +2
26 : #ca7b3f : +3
27 : #ca7e3f : +4
28 : #ca803f : +5
29 : #ca823f : +6
30 : #ca853f : +7
31 : #ca873f : +8
32 : #ca893f : +9
33 : #ca8c3f : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #868483 : -56
3 : #888481 : -54
5 : #8b837e : -52
7 : #8d837c : -50
9 : #90827a : -48
11 : #928177 : -46
13 : #958175 : -44
15 : #978072 : -42
17 : #998070 : -40
19 : #9c7f6d : -38
21 : #9e7f6b : -36
23 : #a17e68 : -34
25 : #a37d66 : -32
27 : #a67d64 : -30
29 : #a87c61 : -28
31 : #ab7c5f : -26
33 : #ad7b5c : -24
35 : #af7b5a : -22
37 : #b27a57 : -20
39 : #b47955 : -18
41 : #b77952 : -16
43 : #b97850 : -14
45 : #bc784e : -12
47 : #be774b : -10
49 : #c17749 : -8
51 : #c37646 : -6
53 : #c57544 : -4
55 : #c87541 : -2
57 : #ca743f : ±0
59 : #cd743c : +2
61 : #cf733a : +4
63 : #d27337 : +6
65 : #d47235 : +8
67 : #d77133 : +10
69 : #d97130 : +12
71 : #dc702e : +14
73 : #de702b : +16
75 : #e06f29 : +18
77 : #e36f26 : +20
79 : #e56e24 : +22
81 : #e86d21 : +24
83 : #ea6d1f : +26
85 : #ed6c1d : +28
87 : #ef6c1a : +30
89 : #f26b18 : +32
91 : #f46b15 : +34
93 : #f66a13 : +36
95 : #f96910 : +38
97 : #fb690e : +40
99 : #fe680b : +42
L : 明度 ( 52% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -52
2 : #080402 : -50
4 : #100904 : -48
6 : #180d07 : -46
8 : #201209 : -44
10 : #28160b : -42
12 : #301b0d : -40
14 : #381f0f : -38
16 : #402312 : -36
18 : #482814 : -34
20 : #502c16 : -32
22 : #583118 : -30
24 : #60351a : -28
26 : #68391d : -26
28 : #703e1f : -24
30 : #784221 : -22
32 : #804723 : -20
34 : #884b25 : -18
36 : #905027 : -16
38 : #98542a : -14
40 : #a0582c : -12
42 : #a85d2e : -10
44 : #b06130 : -8
46 : #b86632 : -6
48 : #c06a35 : -4
50 : #c86f37 : -2
52 : #ca743f : ±0
54 : #cd7a47 : +2
56 : #cf804f : +4
58 : #d18657 : +6
60 : #d38b5f : +8
62 : #d59167 : +10
64 : #d8976f : +12
66 : #da9d77 : +14
68 : #dca37f : +16
70 : #dea887 : +18
72 : #e0ae8f : +20
74 : #e2b497 : +22
76 : #e5ba9f : +24
78 : #e7bfa7 : +26
80 : #e9c5af : +28
82 : #ebcbb7 : +30
84 : #edd1bf : +32
86 : #f0d7c7 : +34
88 : #f2dccf : +36
90 : #f4e2d7 : +38
92 : #f6e8df : +40
94 : #f8eee7 : +42
96 : #fbf3ef : +44
98 : #fdf9f7 : +46
100 : #ffffff : +48
CSS入門、作ってます。
text-shadow