#f64328
RGB ( 赤 = 246, 緑 = 67, 青 = 40 )
HSL ( 色相 = 8°, 彩度 = 92%, 明度 = 56% )
H : 色相 ( 8° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #f64328 : ±0
18 : #f66628 : +10
28 : #f68828 : +20
38 : #f6aa28 : +30
48 : #f6cd28 : +40
58 : #f6ef28 : +50
68 : #daf628 : +60
78 : #b8f628 : +70
88 : #96f628 : +80
98 : #73f628 : +90
108 : #51f628 : +100
118 : #2ef628 : +110
128 : #28f643 : +120
138 : #28f666 : +130
148 : #28f688 : +140
158 : #28f6aa : +150
168 : #28f6cd : +160
178 : #28f6ef : +170
188 : #28daf6 : +180
198 : #28b8f6 : +190
208 : #2896f6 : +200
218 : #2873f6 : +210
228 : #2851f6 : +220
238 : #282ef6 : +230
248 : #4328f6 : +240
258 : #6628f6 : +250
268 : #8828f6 : +260
278 : #aa28f6 : +270
288 : #cd28f6 : +280
298 : #ef28f6 : +290
308 : #f628da : +300
318 : #f628b8 : +310
328 : #f62896 : +320
338 : #f62873 : +330
348 : #f62851 : +340
358 : #f6282e : +350
358 : #f6282e : +350
359 : #f6282b : +351
0 : #f62828 : -8
1 : #f62b28 : -7
2 : #f62e28 : -6
3 : #f63228 : -5
4 : #f63528 : -4
5 : #f63928 : -3
6 : #f63c28 : -2
7 : #f64028 : -1
8 : #f64328 : ±0
9 : #f64728 : +1
10 : #f64a28 : +2
11 : #f64d28 : +3
12 : #f65128 : +4
13 : #f65428 : +5
14 : #f65828 : +6
15 : #f65b28 : +7
16 : #f65f28 : +8
17 : #f66228 : +9
18 : #f66628 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -92
2 : #918d8d : -90
4 : #938c8a : -88
6 : #968a88 : -86
8 : #988886 : -84
10 : #9a8784 : -82
12 : #9c8581 : -80
14 : #9f837f : -78
16 : #a1827d : -76
18 : #a3807b : -74
20 : #a57e78 : -72
22 : #a77d76 : -70
24 : #aa7b74 : -68
26 : #ac7972 : -66
28 : #ae786f : -64
30 : #b0766d : -62
32 : #b3746b : -60
34 : #b57369 : -58
36 : #b77166 : -56
38 : #b97064 : -54
40 : #bc6e62 : -52
42 : #be6c60 : -50
44 : #c06b5d : -48
46 : #c2695b : -46
48 : #c56759 : -44
50 : #c76657 : -42
52 : #c96454 : -40
54 : #cb6252 : -38
56 : #ce6150 : -36
58 : #d05f4e : -34
60 : #d25d4b : -32
62 : #d45c49 : -30
64 : #d75a47 : -28
66 : #d95845 : -26
68 : #db5743 : -24
70 : #dd5540 : -22
72 : #e0543e : -20
74 : #e2523c : -18
76 : #e4503a : -16
78 : #e64f37 : -14
80 : #e94d35 : -12
82 : #eb4b33 : -10
84 : #ed4a31 : -8
86 : #ef482e : -6
88 : #f2462c : -4
90 : #f4452a : -2
92 : #f64328 : ±0
94 : #f84125 : +2
96 : #fb4023 : +4
98 : #fd3e21 : +6
100 : #ff3d1f : +8
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #0a0200 : -54
4 : #140301 : -52
6 : #1d0501 : -50
8 : #270702 : -48
10 : #310802 : -46
12 : #3b0a02 : -44
14 : #450c03 : -42
16 : #4e0d03 : -40
18 : #580f04 : -38
20 : #621104 : -36
22 : #6c1204 : -34
24 : #761405 : -32
26 : #7f1605 : -30
28 : #891706 : -28
30 : #931906 : -26
32 : #9d1b07 : -24
34 : #a61c07 : -22
36 : #b01e07 : -20
38 : #ba2008 : -18
40 : #c42108 : -16
42 : #ce2309 : -14
44 : #d72509 : -12
46 : #e12609 : -10
48 : #eb280a : -8
50 : #f5290a : -6
52 : #f53214 : -4
54 : #f63b1e : -2
56 : #f64328 : ±0
58 : #f64c31 : +2
60 : #f7543b : +4
62 : #f75d45 : +6
64 : #f8654f : +8
66 : #f86e59 : +10
68 : #f87662 : +12
70 : #f97f6c : +14
72 : #f98776 : +16
74 : #fa9080 : +18
76 : #fa9989 : +20
78 : #fba193 : +22
80 : #fbaa9d : +24
82 : #fbb2a7 : +26
84 : #fcbbb1 : +28
86 : #fcc3ba : +30
88 : #fdccc4 : +32
90 : #fdd4ce : +34
92 : #fdddd8 : +36
94 : #fee5e2 : +38
96 : #feeeeb : +40
98 : #fff6f5 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow