#f25f54
RGB ( 赤 = 242, 緑 = 95, 青 = 84 )
HSL ( 色相 = 4°, 彩度 = 86%, 明度 = 64% )
H : 色相 ( 4° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #f25f54 : ±0
14 : #f27954 : +10
24 : #f29354 : +20
34 : #f2ae54 : +30
44 : #f2c854 : +40
54 : #f2e254 : +50
64 : #e8f254 : +60
74 : #cdf254 : +70
84 : #b3f254 : +80
94 : #99f254 : +90
104 : #7ef254 : +100
114 : #64f254 : +110
124 : #54f25f : +120
134 : #54f279 : +130
144 : #54f293 : +140
154 : #54f2ae : +150
164 : #54f2c8 : +160
174 : #54f2e2 : +170
184 : #54e8f2 : +180
194 : #54cdf2 : +190
204 : #54b3f2 : +200
214 : #5499f2 : +210
224 : #547ef2 : +220
234 : #5464f2 : +230
244 : #5f54f2 : +240
254 : #7954f2 : +250
264 : #9354f2 : +260
274 : #ae54f2 : +270
284 : #c854f2 : +280
294 : #e254f2 : +290
304 : #f254e8 : +300
314 : #f254cd : +310
324 : #f254b3 : +320
334 : #f25499 : +330
344 : #f2547e : +340
354 : #f25464 : +350
354 : #f25464 : +350
355 : #f25461 : +351
356 : #f2545f : +352
357 : #f2545c : +353
358 : #f2545a : +354
359 : #f25457 : +355
0 : #f25454 : -4
1 : #f25754 : -3
2 : #f25a54 : -2
3 : #f25c54 : -1
4 : #f25f54 : ±0
5 : #f26154 : +1
6 : #f26454 : +2
7 : #f26754 : +3
8 : #f26954 : +4
9 : #f26c54 : +5
10 : #f26f54 : +6
11 : #f27154 : +7
12 : #f27454 : +8
13 : #f27654 : +9
14 : #f27954 : +10
S : 彩度 ( 86% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a3a3a3 : -86
2 : #a5a2a1 : -84
4 : #a7a0a0 : -82
6 : #a99e9e : -80
8 : #ab9d9c : -78
10 : #ac9b9a : -76
12 : #ae9a98 : -74
14 : #b09896 : -72
16 : #b29695 : -70
18 : #b49593 : -68
20 : #b69391 : -66
22 : #b7928f : -64
24 : #b9908d : -62
26 : #bb8f8b : -60
28 : #bd8d89 : -58
30 : #bf8b88 : -56
32 : #c18a86 : -54
34 : #c28884 : -52
36 : #c48782 : -50
38 : #c68580 : -48
40 : #c8837e : -46
42 : #ca827d : -44
44 : #cc807b : -42
46 : #cd7f79 : -40
48 : #cf7d77 : -38
50 : #d17b75 : -36
52 : #d37a73 : -34
54 : #d57872 : -32
56 : #d77770 : -30
58 : #d8756e : -28
60 : #da736c : -26
62 : #dc726a : -24
64 : #de7068 : -22
66 : #e06f67 : -20
68 : #e26d65 : -18
70 : #e36c63 : -16
72 : #e56a61 : -14
74 : #e7685f : -12
76 : #e9675d : -10
78 : #eb655c : -8
80 : #ed645a : -6
82 : #ee6258 : -4
84 : #f06056 : -2
86 : #f25f54 : ±0
88 : #f45d52 : +2
90 : #f65c51 : +4
92 : #f85a4f : +6
94 : #f9584d : +8
96 : #fb574b : +10
98 : #fd5549 : +12
100 : #ff5447 : +14
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #090101 : -62
4 : #130301 : -60
6 : #1c0402 : -58
8 : #260503 : -56
10 : #2f0604 : -54
12 : #390804 : -52
14 : #420905 : -50
16 : #4c0a06 : -48
18 : #550c06 : -46
20 : #5f0d07 : -44
22 : #680e08 : -42
24 : #721009 : -40
26 : #7b1109 : -38
28 : #85120a : -36
30 : #8e130b : -34
32 : #98150b : -32
34 : #a1160c : -30
36 : #ab170d : -28
38 : #b4190e : -26
40 : #be1a0e : -24
42 : #c71b0f : -22
44 : #d11d10 : -20
46 : #da1e10 : -18
48 : #e41f11 : -16
50 : #ed2012 : -14
52 : #ee291b : -12
54 : #ef3225 : -10
56 : #ef3b2e : -8
58 : #f04438 : -6
60 : #f14d41 : -4
62 : #f1564b : -2
64 : #f25f54 : ±0
66 : #f3685e : +2
68 : #f47167 : +4
70 : #f47971 : +6
72 : #f5827a : +8
74 : #f68b84 : +10
76 : #f6948d : +12
78 : #f79d97 : +14
80 : #f8a6a0 : +16
82 : #f9afaa : +18
84 : #f9b8b3 : +20
86 : #fac1bd : +22
88 : #fbcac6 : +24
90 : #fbd2d0 : +26
92 : #fcdbd9 : +28
94 : #fde4e3 : +30
96 : #feedec : +32
98 : #fef6f6 : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow