#ed072a
RGB ( 赤 = 237, 緑 = 7, 青 = 42 )
HSL ( 色相 = 351°, 彩度 = 94%, 明度 = 48% )
H : 色相 ( 351° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #ed0b07 : -350
11 : #ed3207 : -340
21 : #ed5807 : -330
31 : #ed7e07 : -320
41 : #eda507 : -310
51 : #edcb07 : -300
61 : #eaed07 : -290
71 : #c3ed07 : -280
81 : #9ded07 : -270
91 : #77ed07 : -260
101 : #50ed07 : -250
111 : #2aed07 : -240
121 : #07ed0b : -230
131 : #07ed32 : -220
141 : #07ed58 : -210
151 : #07ed7e : -200
161 : #07eda5 : -190
171 : #07edcb : -180
181 : #07eaed : -170
191 : #07c3ed : -160
201 : #079ded : -150
211 : #0777ed : -140
221 : #0750ed : -130
231 : #072aed : -120
241 : #0b07ed : -110
251 : #3207ed : -100
261 : #5807ed : -90
271 : #7e07ed : -80
281 : #a507ed : -70
291 : #cb07ed : -60
301 : #ed07ea : -50
311 : #ed07c3 : -40
321 : #ed079d : -30
331 : #ed0777 : -20
341 : #ed0750 : -10
351 : #ed072a : ±0
341 : #ed0750 : -10
342 : #ed074c : -9
343 : #ed0749 : -8
344 : #ed0745 : -7
345 : #ed0741 : -6
346 : #ed073d : -5
347 : #ed0739 : -4
348 : #ed0735 : -3
349 : #ed0732 : -2
350 : #ed072e : -1
351 : #ed072a : ±0
352 : #ed0726 : +1
353 : #ed0722 : +2
354 : #ed071e : +3
355 : #ed071b : +4
356 : #ed0717 : +5
357 : #ed0713 : +6
358 : #ed070f : +7
359 : #ed070b : +8
0 : #ed0707 : -351
1 : #ed0b07 : -350
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7a7a7a : -94
2 : #7d7879 : -92
4 : #7f7677 : -90
6 : #827375 : -88
8 : #847174 : -86
10 : #876e72 : -84
12 : #896c70 : -82
14 : #8c696e : -80
16 : #8e676d : -78
18 : #90646b : -76
20 : #936269 : -74
22 : #955f68 : -72
24 : #985d66 : -70
26 : #9a5b64 : -68
28 : #9d5862 : -66
30 : #9f5661 : -64
32 : #a2535f : -62
34 : #a4515d : -60
36 : #a64e5c : -58
38 : #a94c5a : -56
40 : #ab4958 : -54
42 : #ae4756 : -52
44 : #b04555 : -50
46 : #b34253 : -48
48 : #b54051 : -46
50 : #b83d50 : -44
52 : #ba3b4e : -42
54 : #bc384c : -40
56 : #bf364a : -38
58 : #c13349 : -36
60 : #c43147 : -34
62 : #c62f45 : -32
64 : #c92c44 : -30
66 : #cb2a42 : -28
68 : #ce2740 : -26
70 : #d0253e : -24
72 : #d3223d : -22
74 : #d5203b : -20
76 : #d71d39 : -18
78 : #da1b38 : -16
80 : #dc1836 : -14
82 : #df1634 : -12
84 : #e11432 : -10
86 : #e41131 : -8
88 : #e60f2f : -6
90 : #e90c2d : -4
92 : #eb0a2c : -2
94 : #ed072a : ±0
96 : #f00528 : +2
98 : #f20226 : +4
100 : #f50025 : +6
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #0a0002 : -46
4 : #140103 : -44
6 : #1e0105 : -42
8 : #280107 : -40
10 : #310209 : -38
12 : #3b020a : -36
14 : #45020c : -34
16 : #4f020e : -32
18 : #590310 : -30
20 : #630311 : -28
22 : #6d0313 : -26
24 : #770415 : -24
26 : #810417 : -22
28 : #8b0418 : -20
30 : #94051a : -18
32 : #9e051c : -16
34 : #a8051e : -14
36 : #b2061f : -12
38 : #bc0621 : -10
40 : #c60623 : -8
42 : #d00625 : -6
44 : #da0726 : -4
46 : #e40728 : -2
48 : #ed072a : ±0
50 : #f7082c : +2
52 : #f81234 : +4
54 : #f81b3d : +6
56 : #f82545 : +8
58 : #f92f4d : +10
60 : #f93956 : +12
62 : #f9435e : +14
64 : #f94d67 : +16
66 : #fa576f : +18
68 : #fa6178 : +20
70 : #fa6b80 : +22
72 : #fb7489 : +24
74 : #fb7e91 : +26
76 : #fb889a : +28
78 : #fc92a2 : +30
80 : #fc9caa : +32
82 : #fca6b3 : +34
84 : #fdb0bb : +36
86 : #fdbac4 : +38
88 : #fdc4cc : +40
90 : #fdced5 : +42
92 : #fed7dd : +44
94 : #fee1e6 : +46
96 : #feebee : +48
98 : #fff5f7 : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow