#f49a34
RGB ( 赤 = 244, 緑 = 154, 青 = 52 )
HSL ( 色相 = 32°, 彩度 = 90%, 明度 = 58% )
H : 色相 ( 32° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #f43a34 : -30
12 : #f45a34 : -20
22 : #f47a34 : -10
32 : #f49a34 : ±0
42 : #f4ba34 : +10
52 : #f4db34 : +20
62 : #eef434 : +30
72 : #cef434 : +40
82 : #aef434 : +50
92 : #8df434 : +60
102 : #6df434 : +70
112 : #4df434 : +80
122 : #34f43a : +90
132 : #34f45a : +100
142 : #34f47a : +110
152 : #34f49a : +120
162 : #34f4ba : +130
172 : #34f4db : +140
182 : #34eef4 : +150
192 : #34cef4 : +160
202 : #34aef4 : +170
212 : #348df4 : +180
222 : #346df4 : +190
232 : #344df4 : +200
242 : #3a34f4 : +210
252 : #5a34f4 : +220
262 : #7a34f4 : +230
272 : #9a34f4 : +240
282 : #ba34f4 : +250
292 : #db34f4 : +260
302 : #f434ee : +270
312 : #f434ce : +280
322 : #f434ae : +290
332 : #f4348d : +300
342 : #f4346d : +310
352 : #f4344d : +320
22 : #f47a34 : -10
23 : #f47d34 : -9
24 : #f48134 : -8
25 : #f48434 : -7
26 : #f48734 : -6
27 : #f48a34 : -5
28 : #f48d34 : -4
29 : #f49134 : -3
30 : #f49434 : -2
31 : #f49734 : -1
32 : #f49a34 : ±0
33 : #f49e34 : +1
34 : #f4a134 : +2
35 : #f4a434 : +3
36 : #f4a734 : +4
37 : #f4aa34 : +5
38 : #f4ae34 : +6
39 : #f4b134 : +7
40 : #f4b434 : +8
41 : #f4b734 : +9
42 : #f4ba34 : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #939393 : -90
2 : #969492 : -88
4 : #989490 : -86
6 : #9a948d : -84
8 : #9c948b : -82
10 : #9f9589 : -80
12 : #a19587 : -78
14 : #a39585 : -76
16 : #a59583 : -74
18 : #a79581 : -72
20 : #a9957e : -70
22 : #ab957c : -68
24 : #ae967a : -66
26 : #b09678 : -64
28 : #b29676 : -62
30 : #b49674 : -60
32 : #b69672 : -58
34 : #b8966f : -56
36 : #ba966d : -54
38 : #bd976b : -52
40 : #bf9769 : -50
42 : #c19767 : -48
44 : #c39765 : -46
46 : #c59763 : -44
48 : #c79760 : -42
50 : #c9975e : -40
52 : #cc985c : -38
54 : #ce985a : -36
56 : #d09858 : -34
58 : #d29856 : -32
60 : #d49854 : -30
62 : #d69851 : -28
64 : #d8984f : -26
66 : #db994d : -24
68 : #dd994b : -22
70 : #df9949 : -20
72 : #e19947 : -18
74 : #e39945 : -16
76 : #e59943 : -14
78 : #e79940 : -12
80 : #ea9a3e : -10
82 : #ec9a3c : -8
84 : #ee9a3a : -6
86 : #f09a38 : -4
88 : #f29a36 : -2
90 : #f49a34 : ±0
92 : #f69a31 : +2
94 : #f99b2f : +4
96 : #fb9b2d : +6
98 : #fd9b2b : +8
100 : #ff9b29 : +10
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #0a0501 : -56
4 : #130b01 : -54
6 : #1d1002 : -52
8 : #271602 : -50
10 : #301b03 : -48
12 : #3a2003 : -46
14 : #442604 : -44
16 : #4e2b04 : -42
18 : #573105 : -40
20 : #613605 : -38
22 : #6b3b06 : -36
24 : #744106 : -34
26 : #7e4607 : -32
28 : #884c07 : -30
30 : #915108 : -28
32 : #9b5608 : -26
34 : #a55c09 : -24
36 : #ae6109 : -22
38 : #b8670a : -20
40 : #c26c0a : -18
42 : #cb720b : -16
44 : #d5770b : -14
46 : #df7c0c : -12
48 : #e9820c : -10
50 : #f2870d : -8
52 : #f38c16 : -6
54 : #f39120 : -4
56 : #f4962a : -2
58 : #f49a34 : ±0
60 : #f59f3d : +2
62 : #f5a447 : +4
64 : #f6a951 : +6
66 : #f6ae5a : +8
68 : #f7b264 : +10
70 : #f7b76e : +12
72 : #f8bc77 : +14
74 : #f8c181 : +16
76 : #f9c58b : +18
78 : #f9ca94 : +20
80 : #facf9e : +22
82 : #fad4a8 : +24
84 : #fbd9b1 : +26
86 : #fbddbb : +28
88 : #fce2c5 : +30
90 : #fce7cf : +32
92 : #fdecd8 : +34
94 : #fdf1e2 : +36
96 : #fef5ec : +38
98 : #fefaf5 : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow