#f96c39
RGB ( 赤 = 249, 緑 = 108, 青 = 57 )
HSL ( 色相 = 16°, 彩度 = 94%, 明度 = 60% )
H : 色相 ( 16° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #f94c39 : -10
16 : #f96c39 : ±0
26 : #f98c39 : +10
36 : #f9ac39 : +20
46 : #f9cc39 : +30
56 : #f9ec39 : +40
66 : #e6f939 : +50
76 : #c6f939 : +60
86 : #a6f939 : +70
96 : #86f939 : +80
106 : #66f939 : +90
116 : #46f939 : +100
126 : #39f94c : +110
136 : #39f96c : +120
146 : #39f98c : +130
156 : #39f9ac : +140
166 : #39f9cc : +150
176 : #39f9ec : +160
186 : #39e6f9 : +170
196 : #39c6f9 : +180
206 : #39a6f9 : +190
216 : #3986f9 : +200
226 : #3966f9 : +210
236 : #3946f9 : +220
246 : #4c39f9 : +230
256 : #6c39f9 : +240
266 : #8c39f9 : +250
276 : #ac39f9 : +260
286 : #cc39f9 : +270
296 : #ec39f9 : +280
306 : #f939e6 : +290
316 : #f939c6 : +300
326 : #f939a6 : +310
336 : #f93986 : +320
346 : #f93966 : +330
356 : #f93946 : +340
6 : #f94c39 : -10
7 : #f94f39 : -9
8 : #f95339 : -8
9 : #f95639 : -7
10 : #f95939 : -6
11 : #f95c39 : -5
12 : #f95f39 : -4
13 : #f96339 : -3
14 : #f96639 : -2
15 : #f96939 : -1
16 : #f96c39 : ±0
17 : #f96f39 : +1
18 : #f97339 : +2
19 : #f97639 : +3
20 : #f97939 : +4
21 : #f97c39 : +5
22 : #f97f39 : +6
23 : #f98339 : +7
24 : #f98639 : +8
25 : #f98939 : +9
26 : #f98c39 : +10
S : 彩度 ( 94% )
(0%) 渋い ~ 鮮やか (100%)
0 : #999999 : -94
2 : #9b9897 : -92
4 : #9d9795 : -90
6 : #9f9693 : -88
8 : #a19591 : -86
10 : #a3948f : -84
12 : #a5938d : -82
14 : #a7928b : -80
16 : #a99189 : -78
18 : #ab9087 : -76
20 : #ad8f85 : -74
22 : #af8f83 : -72
24 : #b18e81 : -70
26 : #b48d7e : -68
28 : #b68c7c : -66
30 : #b88b7a : -64
32 : #ba8a78 : -62
34 : #bc8976 : -60
36 : #be8874 : -58
38 : #c08772 : -56
40 : #c28670 : -54
42 : #c4856e : -52
44 : #c6846c : -50
46 : #c8836a : -48
48 : #ca8268 : -46
50 : #cc8166 : -44
52 : #ce8064 : -42
54 : #d07f62 : -40
56 : #d27e60 : -38
58 : #d47d5e : -36
60 : #d67c5c : -34
62 : #d87b5a : -32
64 : #da7b58 : -30
66 : #dc7a56 : -28
68 : #de7954 : -26
70 : #e07852 : -24
72 : #e27750 : -22
74 : #e4764e : -20
76 : #e7754b : -18
78 : #e97449 : -16
80 : #eb7347 : -14
82 : #ed7245 : -12
84 : #ef7143 : -10
86 : #f17041 : -8
88 : #f36f3f : -6
90 : #f56e3d : -4
92 : #f76d3b : -2
94 : #f96c39 : ±0
96 : #fb6b37 : +2
98 : #fd6a35 : +4
100 : #ff6933 : +6
L : 明度 ( 60% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -60
2 : #0a0300 : -58
4 : #140601 : -56
6 : #1e0901 : -54
8 : #280b01 : -52
10 : #310e02 : -50
12 : #3b1102 : -48
14 : #451402 : -46
16 : #4f1702 : -44
18 : #591a03 : -42
20 : #631d03 : -40
22 : #6d1f03 : -38
24 : #772204 : -36
26 : #812504 : -34
28 : #8b2804 : -32
30 : #942b05 : -30
32 : #9e2e05 : -28
34 : #a83105 : -26
36 : #b23406 : -24
38 : #bc3606 : -22
40 : #c63906 : -20
42 : #d03c06 : -18
44 : #da3f07 : -16
46 : #e44207 : -14
48 : #ed4507 : -12
50 : #f74808 : -10
52 : #f84f12 : -8
54 : #f8561b : -6
56 : #f85e25 : -4
58 : #f9652f : -2
60 : #f96c39 : ±0
62 : #f97443 : +2
64 : #f97b4d : +4
66 : #fa8257 : +6
68 : #fa8a61 : +8
70 : #fa916b : +10
72 : #fb9874 : +12
74 : #fba07e : +14
76 : #fba788 : +16
78 : #fcae92 : +18
80 : #fcb69c : +20
82 : #fcbda6 : +22
84 : #fdc4b0 : +24
86 : #fdccba : +26
88 : #fdd3c4 : +28
90 : #fddace : +30
92 : #fee2d7 : +32
94 : #fee9e1 : +34
96 : #fef0eb : +36
98 : #fff8f5 : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow