#f00c30
RGB ( 赤 = 240, 緑 = 12, 青 = 48 )
HSL ( 色相 = 351°, 彩度 = 90%, 明度 = 49% )
H : 色相 ( 351° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #ed100c : -350
11 : #ed360c : -340
21 : #ed5b0c : -330
31 : #ed810c : -320
41 : #eda60c : -310
51 : #edcc0c : -300
61 : #eaed0c : -290
71 : #c4ed0c : -280
81 : #9fed0c : -270
91 : #79ed0c : -260
101 : #54ed0c : -250
111 : #2eed0c : -240
121 : #0ced10 : -230
131 : #0ced36 : -220
141 : #0ced5b : -210
151 : #0ced81 : -200
161 : #0ceda6 : -190
171 : #0cedcc : -180
181 : #0ceaed : -170
191 : #0cc4ed : -160
201 : #0c9fed : -150
211 : #0c79ed : -140
221 : #0c54ed : -130
231 : #0c2eed : -120
241 : #100ced : -110
251 : #360ced : -100
261 : #5b0ced : -90
271 : #810ced : -80
281 : #a60ced : -70
291 : #cc0ced : -60
301 : #ed0cea : -50
311 : #ed0cc4 : -40
321 : #ed0c9f : -30
331 : #ed0c79 : -20
341 : #ed0c54 : -10
351 : #ed0c2e : ±0
341 : #ed0c54 : -10
342 : #ed0c50 : -9
343 : #ed0c4c : -8
344 : #ed0c48 : -7
345 : #ed0c45 : -6
346 : #ed0c41 : -5
347 : #ed0c3d : -4
348 : #ed0c39 : -3
349 : #ed0c36 : -2
350 : #ed0c32 : -1
351 : #ed0c2e : ±0
352 : #ed0c2a : +1
353 : #ed0c27 : +2
354 : #ed0c23 : +3
355 : #ed0c1f : +4
356 : #ed0c1b : +5
357 : #ed0c18 : +6
358 : #ed0c14 : +7
359 : #ed0c10 : +8
0 : #ed0c0c : -351
1 : #ed100c : -350
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7c7c7c : -90
2 : #7f7a7b : -88
4 : #827879 : -86
6 : #847578 : -84
8 : #877376 : -82
10 : #897074 : -80
12 : #8c6e72 : -78
14 : #8e6b71 : -76
16 : #91696f : -74
18 : #93666d : -72
20 : #96646b : -70
22 : #98616a : -68
24 : #9b5f68 : -66
26 : #9d5c66 : -64
28 : #a05a64 : -62
30 : #a25763 : -60
32 : #a55561 : -58
34 : #a7525f : -56
36 : #aa505d : -54
38 : #ac4d5c : -52
40 : #af4b5a : -50
42 : #b14858 : -48
44 : #b44656 : -46
46 : #b64355 : -44
48 : #b94153 : -42
50 : #bb3e51 : -40
52 : #be3c4f : -38
54 : #c0394e : -36
56 : #c3374c : -34
58 : #c5344a : -32
60 : #c83248 : -30
62 : #ca2f47 : -28
64 : #cd2d45 : -26
66 : #cf2a43 : -24
68 : #d22841 : -22
70 : #d42540 : -20
72 : #d7233e : -18
74 : #d9203c : -16
76 : #dc1e3a : -14
78 : #de1b39 : -12
80 : #e11937 : -10
82 : #e31635 : -8
84 : #e61433 : -6
86 : #e81132 : -4
88 : #eb0f30 : -2
90 : #ed0c2e : ±0
92 : #f00a2c : +2
94 : #f2072b : +4
96 : #f50529 : +6
98 : #f70227 : +8
100 : #fa0025 : +10
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #050001 : -48
3 : #0f0103 : -46
5 : #180105 : -44
7 : #220207 : -42
9 : #2c0208 : -40
11 : #35030a : -38
13 : #3f030c : -36
15 : #49040e : -34
17 : #520410 : -32
19 : #5c0512 : -30
21 : #660514 : -28
23 : #6f0616 : -26
25 : #790618 : -24
27 : #830719 : -22
29 : #8d071b : -20
31 : #96081d : -18
33 : #a0081f : -16
35 : #aa0921 : -14
37 : #b30923 : -12
39 : #bd0a25 : -10
41 : #c70a27 : -8
43 : #d00b29 : -6
45 : #da0b2a : -4
47 : #e40c2c : -2
49 : #ed0c2e : ±0
51 : #f31233 : +2
53 : #f31b3c : +4
55 : #f42544 : +6
57 : #f42f4c : +8
59 : #f53855 : +10
61 : #f5425d : +12
63 : #f64c65 : +14
65 : #f6556e : +16
67 : #f75f76 : +18
69 : #f7697e : +20
71 : #f87286 : +22
73 : #f87c8f : +24
75 : #f98697 : +26
77 : #f9909f : +28
79 : #fa99a8 : +30
81 : #faa3b0 : +32
83 : #fbadb8 : +34
85 : #fbb6c1 : +36
87 : #fcc0c9 : +38
89 : #fccad1 : +40
91 : #fdd3da : +42
93 : #fddde2 : +44
95 : #fee7ea : +46
97 : #fef0f3 : +48
99 : #fffafb : +50
CSS入門、作ってます。
text-shadow