#ff7033
RGB ( 赤 = 255, 緑 = 112, 青 = 51 )
HSL ( 色相 = 18°, 彩度 = 100%, 明度 = 60% )
H : 色相 ( 18° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #ff4e33 : -10
18 : #ff7033 : ±0
28 : #ff9233 : +10
38 : #ffb433 : +20
48 : #ffd633 : +30
58 : #fff833 : +40
68 : #e4ff33 : +50
78 : #c2ff33 : +60
88 : #a0ff33 : +70
98 : #7eff33 : +80
108 : #5cff33 : +90
118 : #3aff33 : +100
128 : #33ff4e : +110
138 : #33ff70 : +120
148 : #33ff92 : +130
158 : #33ffb4 : +140
168 : #33ffd6 : +150
178 : #33fff8 : +160
188 : #33e4ff : +170
198 : #33c2ff : +180
208 : #33a0ff : +190
218 : #337eff : +200
228 : #335cff : +210
238 : #333aff : +220
248 : #4e33ff : +230
258 : #7033ff : +240
268 : #9233ff : +250
278 : #b433ff : +260
288 : #d633ff : +270
298 : #f833ff : +280
308 : #ff33e4 : +290
318 : #ff33c2 : +300
328 : #ff33a0 : +310
338 : #ff337e : +320
348 : #ff335c : +330
358 : #ff333a : +340
8 : #ff4e33 : -10
9 : #ff5233 : -9
10 : #ff5533 : -8
11 : #ff5833 : -7
12 : #ff5c33 : -6
13 : #ff5f33 : -5
14 : #ff6333 : -4
15 : #ff6633 : -3
16 : #ff6933 : -2
17 : #ff6d33 : -1
18 : #ff7033 : ±0
19 : #ff7433 : +1
20 : #ff7733 : +2
21 : #ff7a33 : +3
22 : #ff7e33 : +4
23 : #ff8133 : +5
24 : #ff8533 : +6
25 : #ff8833 : +7
26 : #ff8b33 : +8
27 : #ff8f33 : +9
28 : #ff9233 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #999999 : -100
2 : #9b9897 : -98
4 : #9d9795 : -96
6 : #9f9793 : -94
8 : #a19691 : -92
10 : #a3958f : -90
12 : #a5948d : -88
14 : #a7938b : -86
16 : #a99289 : -84
18 : #ab9287 : -82
20 : #ad9185 : -80
22 : #af9083 : -78
24 : #b18f81 : -76
26 : #b48e7e : -74
28 : #b68e7c : -72
30 : #b88d7a : -70
32 : #ba8c78 : -68
34 : #bc8b76 : -66
36 : #be8a74 : -64
38 : #c08972 : -62
40 : #c28970 : -60
42 : #c4886e : -58
44 : #c6876c : -56
46 : #c8866a : -54
48 : #ca8568 : -52
50 : #cc8566 : -50
52 : #ce8464 : -48
54 : #d08362 : -46
56 : #d28260 : -44
58 : #d4815e : -42
60 : #d6815c : -40
62 : #d8805a : -38
64 : #da7f58 : -36
66 : #dc7e56 : -34
68 : #de7d54 : -32
70 : #e07c52 : -30
72 : #e27c50 : -28
74 : #e47b4e : -26
76 : #e77a4b : -24
78 : #e97949 : -22
80 : #eb7847 : -20
82 : #ed7845 : -18
84 : #ef7743 : -16
86 : #f17641 : -14
88 : #f3753f : -12
90 : #f5743d : -10
92 : #f7733b : -8
94 : #f97339 : -6
96 : #fb7237 : -4
98 : #fd7135 : -2
100 : #ff7033 : ±0
L : 明度 ( 60% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -60
2 : #0a0300 : -58
4 : #140600 : -56
6 : #1f0900 : -54
8 : #290c00 : -52
10 : #330f00 : -50
12 : #3d1200 : -48
14 : #471500 : -46
16 : #521800 : -44
18 : #5c1c00 : -42
20 : #661f00 : -40
22 : #702200 : -38
24 : #7a2500 : -36
26 : #852800 : -34
28 : #8f2b00 : -32
30 : #992e00 : -30
32 : #a33100 : -28
34 : #ad3400 : -26
36 : #b83700 : -24
38 : #c23a00 : -22
40 : #cc3d00 : -20
42 : #d64000 : -18
44 : #e04300 : -16
46 : #eb4600 : -14
48 : #f54900 : -12
50 : #ff4d00 : -10
52 : #ff540a : -8
54 : #ff5b14 : -6
56 : #ff621f : -4
58 : #ff6929 : -2
60 : #ff7033 : ±0
62 : #ff773d : +2
64 : #ff7e47 : +4
66 : #ff8652 : +6
68 : #ff8d5c : +8
70 : #ff9466 : +10
72 : #ff9b70 : +12
74 : #ffa27a : +14
76 : #ffa985 : +16
78 : #ffb08f : +18
80 : #ffb899 : +20
82 : #ffbfa3 : +22
84 : #ffc6ad : +24
86 : #ffcdb8 : +26
88 : #ffd4c2 : +28
90 : #ffdbcc : +30
92 : #ffe2d6 : +32
94 : #ffeae0 : +34
96 : #fff1eb : +36
98 : #fff8f5 : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow