#f70227
RGB ( 赤 = 247, 緑 = 2, 青 = 39 )
HSL ( 色相 = 351°, 彩度 = 98%, 明度 = 49% )
H : 色相 ( 351° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #f70702 : -350
11 : #f72f02 : -340
21 : #f75802 : -330
31 : #f78102 : -320
41 : #f7aa02 : -310
51 : #f7d302 : -300
61 : #f3f702 : -290
71 : #cbf702 : -280
81 : #a2f702 : -270
91 : #79f702 : -260
101 : #50f702 : -250
111 : #27f702 : -240
121 : #02f707 : -230
131 : #02f72f : -220
141 : #02f758 : -210
151 : #02f781 : -200
161 : #02f7aa : -190
171 : #02f7d3 : -180
181 : #02f3f7 : -170
191 : #02cbf7 : -160
201 : #02a2f7 : -150
211 : #0279f7 : -140
221 : #0250f7 : -130
231 : #0227f7 : -120
241 : #0702f7 : -110
251 : #2f02f7 : -100
261 : #5802f7 : -90
271 : #8102f7 : -80
281 : #aa02f7 : -70
291 : #d302f7 : -60
301 : #f702f3 : -50
311 : #f702cb : -40
321 : #f702a2 : -30
331 : #f70279 : -20
341 : #f70250 : -10
351 : #f70227 : ±0
341 : #f70250 : -10
342 : #f7024c : -9
343 : #f70248 : -8
344 : #f70244 : -7
345 : #f70240 : -6
346 : #f7023c : -5
347 : #f70238 : -4
348 : #f70233 : -3
349 : #f7022f : -2
350 : #f7022b : -1
351 : #f70227 : ±0
352 : #f70223 : +1
353 : #f7021f : +2
354 : #f7021b : +3
355 : #f70217 : +4
356 : #f70213 : +5
357 : #f7020f : +6
358 : #f7020b : +7
359 : #f70207 : +8
0 : #f70202 : -351
1 : #f70702 : -350
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7c7c7c : -98
2 : #7f7a7b : -96
4 : #827879 : -94
6 : #847578 : -92
8 : #877376 : -90
10 : #897074 : -88
12 : #8c6e72 : -86
14 : #8e6b71 : -84
16 : #91696f : -82
18 : #93666d : -80
20 : #96646b : -78
22 : #98616a : -76
24 : #9b5f68 : -74
26 : #9d5c66 : -72
28 : #a05a64 : -70
30 : #a25763 : -68
32 : #a55561 : -66
34 : #a7525f : -64
36 : #aa505d : -62
38 : #ac4d5c : -60
40 : #af4b5a : -58
42 : #b14858 : -56
44 : #b44656 : -54
46 : #b64355 : -52
48 : #b94153 : -50
50 : #bb3e51 : -48
52 : #be3c4f : -46
54 : #c0394e : -44
56 : #c3374c : -42
58 : #c5344a : -40
60 : #c83248 : -38
62 : #ca2f47 : -36
64 : #cd2d45 : -34
66 : #cf2a43 : -32
68 : #d22841 : -30
70 : #d42540 : -28
72 : #d7233e : -26
74 : #d9203c : -24
76 : #dc1e3a : -22
78 : #de1b39 : -20
80 : #e11937 : -18
82 : #e31635 : -16
84 : #e61433 : -14
86 : #e81132 : -12
88 : #eb0f30 : -10
90 : #ed0c2e : -8
92 : #f00a2c : -6
94 : #f2072b : -4
96 : #f50529 : -2
98 : #f70227 : ±0
100 : #fa0025 : +2
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #050001 : -48
3 : #0f0002 : -46
5 : #190004 : -44
7 : #230006 : -42
9 : #2d0007 : -40
11 : #380109 : -38
13 : #42010a : -36
15 : #4c010c : -34
17 : #56010e : -32
19 : #60010f : -30
21 : #6a0111 : -28
23 : #740112 : -26
25 : #7e0114 : -24
27 : #880116 : -22
29 : #920117 : -20
31 : #9d0219 : -18
33 : #a7021a : -16
35 : #b1021c : -14
37 : #bb021e : -12
39 : #c5021f : -10
41 : #cf0221 : -8
43 : #d90222 : -6
45 : #e30224 : -4
47 : #ed0226 : -2
49 : #f70227 : ±0
51 : #fd082c : +2
53 : #fd1235 : +4
55 : #fd1c3e : +6
57 : #fd2646 : +8
59 : #fd304f : +10
61 : #fd3a57 : +12
63 : #fd4460 : +14
65 : #fd4e69 : +16
67 : #fd5871 : +18
69 : #fd627a : +20
71 : #fe6d82 : +22
73 : #fe778b : +24
75 : #fe8194 : +26
77 : #fe8b9c : +28
79 : #fe95a5 : +30
81 : #fe9fad : +32
83 : #fea9b6 : +34
85 : #feb3bf : +36
87 : #febdc7 : +38
89 : #fec7d0 : +40
91 : #ffd2d8 : +42
93 : #ffdce1 : +44
95 : #ffe6ea : +46
97 : #fff0f2 : +48
99 : #fffafb : +50
CSS入門、作ってます。
text-shadow