#fd4521
RGB ( 赤 = 253, 緑 = 69, 青 = 33 )
HSL ( 色相 = 10°, 彩度 = 98%, 明度 = 56% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #fd2121 : -10
10 : #fd4521 : ±0
20 : #fd6a21 : +10
30 : #fd8f21 : +20
40 : #fdb321 : +30
50 : #fdd821 : +40
60 : #fdfd21 : +50
70 : #d8fd21 : +60
80 : #b3fd21 : +70
90 : #8ffd21 : +80
100 : #6afd21 : +90
110 : #45fd21 : +100
120 : #21fd21 : +110
130 : #21fd45 : +120
140 : #21fd6a : +130
150 : #21fd8f : +140
160 : #21fdb3 : +150
170 : #21fdd8 : +160
180 : #21fdfd : +170
190 : #21d8fd : +180
200 : #21b3fd : +190
210 : #218ffd : +200
220 : #216afd : +210
230 : #2145fd : +220
240 : #2121fd : +230
250 : #4521fd : +240
260 : #6a21fd : +250
270 : #8f21fd : +260
280 : #b321fd : +270
290 : #d821fd : +280
300 : #fd21fd : +290
310 : #fd21d8 : +300
320 : #fd21b3 : +310
330 : #fd218f : +320
340 : #fd216a : +330
350 : #fd2145 : +340
0 : #fd2121 : -10
1 : #fd2521 : -9
2 : #fd2821 : -8
3 : #fd2c21 : -7
4 : #fd3021 : -6
5 : #fd3321 : -5
6 : #fd3721 : -4
7 : #fd3b21 : -3
8 : #fd3e21 : -2
9 : #fd4221 : -1
10 : #fd4521 : ±0
11 : #fd4921 : +1
12 : #fd4d21 : +2
13 : #fd5021 : +3
14 : #fd5421 : +4
15 : #fd5821 : +5
16 : #fd5b21 : +6
17 : #fd5f21 : +7
18 : #fd6321 : +8
19 : #fd6621 : +9
20 : #fd6a21 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -98
2 : #918d8d : -96
4 : #938c8a : -94
6 : #968a88 : -92
8 : #988986 : -90
10 : #9a8784 : -88
12 : #9c8681 : -86
14 : #9f847f : -84
16 : #a1837d : -82
18 : #a3817b : -80
20 : #a58078 : -78
22 : #a77e76 : -76
24 : #aa7d74 : -74
26 : #ac7b72 : -72
28 : #ae7a6f : -70
30 : #b0786d : -68
32 : #b3776b : -66
34 : #b57569 : -64
36 : #b77466 : -62
38 : #b97264 : -60
40 : #bc7162 : -58
42 : #be6f60 : -56
44 : #c06e5d : -54
46 : #c26c5b : -52
48 : #c56b59 : -50
50 : #c76957 : -48
52 : #c96854 : -46
54 : #cb6652 : -44
56 : #ce6550 : -42
58 : #d0634e : -40
60 : #d2624b : -38
62 : #d46049 : -36
64 : #d75f47 : -34
66 : #d95d45 : -32
68 : #db5c43 : -30
70 : #dd5a40 : -28
72 : #e0593e : -26
74 : #e2573c : -24
76 : #e4563a : -22
78 : #e65437 : -20
80 : #e95335 : -18
82 : #eb5133 : -16
84 : #ed5031 : -14
86 : #ef4e2e : -12
88 : #f24d2c : -10
90 : #f44b2a : -8
92 : #f64a28 : -6
94 : #f84825 : -4
96 : #fb4723 : -2
98 : #fd4521 : ±0
100 : #ff441f : +2
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #0a0200 : -54
4 : #140400 : -52
6 : #1e0500 : -50
8 : #280700 : -48
10 : #320901 : -46
12 : #3d0b01 : -44
14 : #470c01 : -42
16 : #510e01 : -40
18 : #5b1001 : -38
20 : #651201 : -36
22 : #6f1301 : -34
24 : #791501 : -32
26 : #831701 : -30
28 : #8d1901 : -28
30 : #971b02 : -26
32 : #a21c02 : -24
34 : #ac1e02 : -22
36 : #b62002 : -20
38 : #c02202 : -18
40 : #ca2302 : -16
42 : #d42502 : -14
44 : #de2702 : -12
46 : #e82902 : -10
48 : #f22a02 : -8
50 : #fc2c03 : -6
52 : #fd350d : -4
54 : #fd3d17 : -2
56 : #fd4521 : ±0
58 : #fd4e2b : +2
60 : #fd5635 : +4
62 : #fd5f3f : +6
64 : #fd6749 : +8
66 : #fd7053 : +10
68 : #fd785d : +12
70 : #fd8168 : +14
72 : #fe8972 : +16
74 : #fe917c : +18
76 : #fe9a86 : +20
78 : #fea290 : +22
80 : #feab9a : +24
82 : #feb3a4 : +26
84 : #febcae : +28
86 : #fec4b8 : +30
88 : #feccc2 : +32
90 : #fed5cd : +34
92 : #ffddd7 : +36
94 : #ffe6e1 : +38
96 : #ffeeeb : +40
98 : #fff7f5 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow