#f23639
RGB ( 赤 = 242, 緑 = 54, 青 = 57 )
HSL ( 色相 = 359°, 彩度 = 88%, 明度 = 58% )
H : 色相 ( 359° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #f25236 : -350
19 : #f27136 : -340
29 : #f29136 : -330
39 : #f2b036 : -320
49 : #f2d036 : -310
59 : #f2ef36 : -300
69 : #d6f236 : -290
79 : #b6f236 : -280
89 : #97f236 : -270
99 : #78f236 : -260
109 : #58f236 : -250
119 : #39f236 : -240
129 : #36f252 : -230
139 : #36f271 : -220
149 : #36f291 : -210
159 : #36f2b0 : -200
169 : #36f2d0 : -190
179 : #36f2ef : -180
189 : #36d6f2 : -170
199 : #36b6f2 : -160
209 : #3697f2 : -150
219 : #3678f2 : -140
229 : #3658f2 : -130
239 : #3639f2 : -120
249 : #5236f2 : -110
259 : #7136f2 : -100
269 : #9136f2 : -90
279 : #b036f2 : -80
289 : #d036f2 : -70
299 : #ef36f2 : -60
309 : #f236d6 : -50
319 : #f236b6 : -40
329 : #f23697 : -30
339 : #f23678 : -20
349 : #f23658 : -10
359 : #f23639 : ±0
349 : #f23658 : -10
350 : #f23655 : -9
351 : #f23652 : -8
352 : #f2364f : -7
353 : #f2364c : -6
354 : #f23649 : -5
355 : #f23645 : -4
356 : #f23642 : -3
357 : #f2363f : -2
358 : #f2363c : -1
359 : #f23639 : ±0
0 : #f23636 : -359
1 : #f23936 : -358
2 : #f23c36 : -357
3 : #f23f36 : -356
4 : #f24236 : -355
5 : #f24536 : -354
6 : #f24936 : -353
7 : #f24c36 : -352
8 : #f24f36 : -351
9 : #f25236 : -350
S : 彩度 ( 88% )
(0%) 渋い ~ 鮮やか (100%)
0 : #939393 : -88
2 : #969292 : -86
4 : #989090 : -84
6 : #9a8d8e : -82
8 : #9c8b8c : -80
10 : #9f898a : -78
12 : #a18787 : -76
14 : #a38585 : -74
16 : #a58383 : -72
18 : #a78181 : -70
20 : #a97e7f : -68
22 : #ab7c7d : -66
24 : #ae7a7b : -64
26 : #b07879 : -62
28 : #b27677 : -60
30 : #b47475 : -58
32 : #b67273 : -56
34 : #b86f71 : -54
36 : #ba6d6f : -52
38 : #bd6b6d : -50
40 : #bf696a : -48
42 : #c16768 : -46
44 : #c36566 : -44
46 : #c56364 : -42
48 : #c76062 : -40
50 : #c95e60 : -38
52 : #cc5c5e : -36
54 : #ce5a5c : -34
56 : #d0585a : -32
58 : #d25658 : -30
60 : #d45456 : -28
62 : #d65154 : -26
64 : #d84f52 : -24
66 : #db4d50 : -22
68 : #dd4b4d : -20
70 : #df494b : -18
72 : #e14749 : -16
74 : #e34547 : -14
76 : #e54345 : -12
78 : #e74043 : -10
80 : #ea3e41 : -8
82 : #ec3c3f : -6
84 : #ee3a3d : -4
86 : #f0383b : -2
88 : #f23639 : ±0
90 : #f43437 : +2
92 : #f63135 : +4
94 : #f92f33 : +6
96 : #fb2d31 : +8
98 : #fd2b2e : +10
100 : #ff292c : +12
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #0a0101 : -56
4 : #130102 : -54
6 : #1d0202 : -52
8 : #260203 : -50
10 : #300304 : -48
12 : #3a0405 : -46
14 : #430405 : -44
16 : #4d0506 : -42
18 : #560607 : -40
20 : #600608 : -38
22 : #690708 : -36
24 : #730709 : -34
26 : #7d080a : -32
28 : #86090b : -30
30 : #90090b : -28
32 : #990a0c : -26
34 : #a30a0d : -24
36 : #ad0b0e : -22
38 : #b60c0e : -20
40 : #c00c0f : -18
42 : #c90d10 : -16
44 : #d30d11 : -14
46 : #dd0e12 : -12
48 : #e60f12 : -10
50 : #f00f13 : -8
52 : #f0191c : -6
54 : #f12226 : -4
56 : #f22c2f : -2
58 : #f23639 : ±0
60 : #f33f42 : +2
62 : #f3494c : +4
64 : #f45255 : +6
66 : #f55c5f : +8
68 : #f56668 : +10
70 : #f66f71 : +12
72 : #f6797b : +14
74 : #f78284 : +16
76 : #f88c8e : +18
78 : #f89697 : +20
80 : #f99fa1 : +22
82 : #f9a9aa : +24
84 : #fab2b3 : +26
86 : #fbbcbd : +28
88 : #fbc5c6 : +30
90 : #fccfd0 : +32
92 : #fdd9d9 : +34
94 : #fde2e3 : +36
96 : #feecec : +38
98 : #fef5f6 : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow