#f8180d
RGB ( 赤 = 248, 緑 = 24, 青 = 13 )
HSL ( 色相 = 3°, 彩度 = 94%, 明度 = 51% )
H : 色相 ( 3° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #f8180d : ±0
13 : #f83f0d : +10
23 : #f8670d : +20
33 : #f88e0d : +30
43 : #f8b50d : +40
53 : #f8dc0d : +50
63 : #ecf80d : +60
73 : #c5f80d : +70
83 : #9df80d : +80
93 : #76f80d : +90
103 : #4ff80d : +100
113 : #28f80d : +110
123 : #0df818 : +120
133 : #0df83f : +130
143 : #0df867 : +140
153 : #0df88e : +150
163 : #0df8b5 : +160
173 : #0df8dc : +170
183 : #0decf8 : +180
193 : #0dc5f8 : +190
203 : #0d9df8 : +200
213 : #0d76f8 : +210
223 : #0d4ff8 : +220
233 : #0d28f8 : +230
243 : #180df8 : +240
253 : #3f0df8 : +250
263 : #670df8 : +260
273 : #8e0df8 : +270
283 : #b50df8 : +280
293 : #dc0df8 : +290
303 : #f80dec : +300
313 : #f80dc5 : +310
323 : #f80d9d : +320
333 : #f80d76 : +330
343 : #f80d4f : +340
353 : #f80d28 : +350
353 : #f80d28 : +350
354 : #f80d24 : +351
355 : #f80d20 : +352
356 : #f80d1c : +353
357 : #f80d18 : +354
358 : #f80d14 : +355
359 : #f80d11 : +356
0 : #f80d0d : -3
1 : #f8110d : -2
2 : #f8140d : -1
3 : #f8180d : ±0
4 : #f81c0d : +1
5 : #f8200d : +2
6 : #f8240d : +3
7 : #f8280d : +4
8 : #f82c0d : +5
9 : #f8300d : +6
10 : #f8340d : +7
11 : #f8380d : +8
12 : #f83c0d : +9
13 : #f83f0d : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #828282 : -94
2 : #858080 : -92
4 : #877e7d : -90
6 : #8a7b7b : -88
8 : #8c7978 : -86
10 : #8f7776 : -84
12 : #917573 : -82
14 : #947271 : -80
16 : #96706e : -78
18 : #996e6c : -76
20 : #9b6c69 : -74
22 : #9e6967 : -72
24 : #a06764 : -70
26 : #a36562 : -68
28 : #a5635f : -66
30 : #a8605d : -64
32 : #aa5e5a : -62
34 : #ad5c58 : -60
36 : #af5a55 : -58
38 : #b25753 : -56
40 : #b45550 : -54
42 : #b7534e : -52
44 : #b9514b : -50
46 : #bc4e49 : -48
48 : #be4c46 : -46
50 : #c14a44 : -44
52 : #c34841 : -42
54 : #c6453f : -40
56 : #c8433c : -38
58 : #cb413a : -36
60 : #cd3f37 : -34
62 : #d03c35 : -32
64 : #d23a32 : -30
66 : #d53830 : -28
68 : #d7362d : -26
70 : #da332b : -24
72 : #dc3128 : -22
74 : #df2f26 : -20
76 : #e12d23 : -18
78 : #e42a21 : -16
80 : #e6281e : -14
82 : #e9261c : -12
84 : #eb2419 : -10
86 : #ee2117 : -8
88 : #f01f14 : -6
90 : #f31d12 : -4
92 : #f51b0f : -2
94 : #f8180d : ±0
96 : #fa160a : +2
98 : #fd1408 : +4
100 : #ff1205 : +6
L : 明度 ( 51% )
(0%) 暗い ~ 明るい (100%)
1 : #050000 : -50
3 : #0f0100 : -48
5 : #190201 : -46
7 : #230301 : -44
9 : #2d0401 : -42
11 : #360402 : -40
13 : #400502 : -38
15 : #4a0602 : -36
17 : #540703 : -34
19 : #5e0703 : -32
21 : #680803 : -30
23 : #720904 : -28
25 : #7c0a04 : -26
27 : #860b04 : -24
29 : #8f0b04 : -22
31 : #990c05 : -20
33 : #a30d05 : -18
35 : #ad0e05 : -16
37 : #b70f06 : -14
39 : #c10f06 : -12
41 : #cb1006 : -10
43 : #d51107 : -8
45 : #df1207 : -6
47 : #e91207 : -4
49 : #f21307 : -2
51 : #f8180d : ±0
53 : #f82216 : +2
55 : #f82b20 : +4
57 : #f8352a : +6
59 : #f93e34 : +8
61 : #f9473e : +10
63 : #f95148 : +12
65 : #fa5a52 : +14
67 : #fa645c : +16
69 : #fa6d66 : +18
71 : #fb7670 : +20
73 : #fb8079 : +22
75 : #fb8983 : +24
77 : #fb938d : +26
79 : #fc9c97 : +28
81 : #fca6a1 : +30
83 : #fcafab : +32
85 : #fdb8b5 : +34
87 : #fdc2bf : +36
89 : #fdcbc9 : +38
91 : #fed5d2 : +40
93 : #fededc : +42
95 : #fee7e6 : +44
97 : #fff1f0 : +46
99 : #fffafa : +48
CSS入門、作ってます。
text-shadow