#f5965c
RGB ( 赤 = 245, 緑 = 150, 青 = 92 )
HSL ( 色相 = 23°, 彩度 = 88%, 明度 = 66% )
H : 色相 ( 23° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #f5645c : -20
13 : #f57d5c : -10
23 : #f5965c : ±0
33 : #f5b05c : +10
43 : #f5c95c : +20
53 : #f5e35c : +30
63 : #edf55c : +40
73 : #d4f55c : +50
83 : #baf55c : +60
93 : #a1f55c : +70
103 : #87f55c : +80
113 : #6ef55c : +90
123 : #5cf564 : +100
133 : #5cf57d : +110
143 : #5cf596 : +120
153 : #5cf5b0 : +130
163 : #5cf5c9 : +140
173 : #5cf5e3 : +150
183 : #5cedf5 : +160
193 : #5cd4f5 : +170
203 : #5cbaf5 : +180
213 : #5ca1f5 : +190
223 : #5c87f5 : +200
233 : #5c6ef5 : +210
243 : #645cf5 : +220
253 : #7d5cf5 : +230
263 : #965cf5 : +240
273 : #b05cf5 : +250
283 : #c95cf5 : +260
293 : #e35cf5 : +270
303 : #f55ced : +280
313 : #f55cd4 : +290
323 : #f55cba : +300
333 : #f55ca1 : +310
343 : #f55c87 : +320
353 : #f55c6e : +330
13 : #f57d5c : -10
14 : #f5805c : -9
15 : #f5825c : -8
16 : #f5855c : -7
17 : #f5875c : -6
18 : #f58a5c : -5
19 : #f58c5c : -4
20 : #f58f5c : -3
21 : #f5915c : -2
22 : #f5945c : -1
23 : #f5965c : ±0
24 : #f5995c : +1
25 : #f59c5c : +2
26 : #f59e5c : +3
27 : #f5a15c : +4
28 : #f5a35c : +5
29 : #f5a65c : +6
30 : #f5a85c : +7
31 : #f5ab5c : +8
32 : #f5ad5c : +9
33 : #f5b05c : +10
S : 彩度 ( 88% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a8a8a8 : -88
2 : #aaa8a7 : -86
4 : #aca7a5 : -84
6 : #aea7a3 : -82
8 : #afa7a1 : -80
10 : #b1a6a0 : -78
12 : #b3a69e : -76
14 : #b4a59c : -74
16 : #b6a59a : -72
18 : #b8a599 : -70
20 : #baa497 : -68
22 : #bba495 : -66
24 : #bda393 : -64
26 : #bfa392 : -62
28 : #c1a390 : -60
30 : #c2a28e : -58
32 : #c4a28d : -56
34 : #c6a18b : -54
36 : #c8a189 : -52
38 : #c9a187 : -50
40 : #cba086 : -48
42 : #cda084 : -46
44 : #ce9f82 : -44
46 : #d09f80 : -42
48 : #d29f7f : -40
50 : #d49e7d : -38
52 : #d59e7b : -36
54 : #d79d79 : -34
56 : #d99d78 : -32
58 : #db9d76 : -30
60 : #dc9c74 : -28
62 : #de9c73 : -26
64 : #e09b71 : -24
66 : #e29b6f : -22
68 : #e39b6d : -20
70 : #e59a6c : -18
72 : #e79a6a : -16
74 : #e89968 : -14
76 : #ea9966 : -12
78 : #ec9965 : -10
80 : #ee9863 : -8
82 : #ef9861 : -6
84 : #f1975f : -4
86 : #f3975e : -2
88 : #f5965c : ±0
90 : #f6965a : +2
92 : #f89659 : +4
94 : #fa9557 : +6
96 : #fc9555 : +8
98 : #fd9453 : +10
100 : #ff9452 : +12
L : 明度 ( 66% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -66
2 : #0a0401 : -64
4 : #130801 : -62
6 : #1d0c02 : -60
8 : #261002 : -58
10 : #301403 : -56
12 : #3a1804 : -54
14 : #431c04 : -52
16 : #4d2005 : -50
18 : #562406 : -48
20 : #602906 : -46
22 : #692d07 : -44
24 : #733107 : -42
26 : #7d3508 : -40
28 : #863909 : -38
30 : #903d09 : -36
32 : #99410a : -34
34 : #a3450a : -32
36 : #ad490b : -30
38 : #b64d0c : -28
40 : #c0510c : -26
42 : #c9550d : -24
44 : #d3590d : -22
46 : #dd5d0e : -20
48 : #e6610f : -18
50 : #f0650f : -16
52 : #f06b19 : -14
54 : #f17222 : -12
56 : #f2782c : -10
58 : #f27e36 : -8
60 : #f3843f : -6
62 : #f38a49 : -4
64 : #f49052 : -2
66 : #f5965c : ±0
68 : #f59d66 : +2
70 : #f6a36f : +4
72 : #f6a979 : +6
74 : #f7af82 : +8
76 : #f8b58c : +10
78 : #f8bb96 : +12
80 : #f9c29f : +14
82 : #f9c8a9 : +16
84 : #faceb2 : +18
86 : #fbd4bc : +20
88 : #fbdac5 : +22
90 : #fce0cf : +24
92 : #fde6d9 : +26
94 : #fdede2 : +28
96 : #fef3ec : +30
98 : #fef9f5 : +32
100 : #ffffff : +34
CSS入門、作ってます。
text-shadow