#f69e5a
RGB ( 赤 = 246, 緑 = 158, 青 = 90 )
HSL ( 色相 = 26°, 彩度 = 90%, 明度 = 66% )
H : 色相 ( 26° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #f66a5a : -20
16 : #f6845a : -10
26 : #f69e5a : ±0
36 : #f6b85a : +10
46 : #f6d25a : +20
56 : #f6ec5a : +30
66 : #e7f65a : +40
76 : #cdf65a : +50
86 : #b3f65a : +60
96 : #99f65a : +70
106 : #7ff65a : +80
116 : #65f65a : +90
126 : #5af66a : +100
136 : #5af684 : +110
146 : #5af69e : +120
156 : #5af6b8 : +130
166 : #5af6d2 : +140
176 : #5af6ec : +150
186 : #5ae7f6 : +160
196 : #5acdf6 : +170
206 : #5ab3f6 : +180
216 : #5a99f6 : +190
226 : #5a7ff6 : +200
236 : #5a65f6 : +210
246 : #6a5af6 : +220
256 : #845af6 : +230
266 : #9e5af6 : +240
276 : #b85af6 : +250
286 : #d25af6 : +260
296 : #ec5af6 : +270
306 : #f65ae7 : +280
316 : #f65acd : +290
326 : #f65ab3 : +300
336 : #f65a99 : +310
346 : #f65a7f : +320
356 : #f65a65 : +330
16 : #f6845a : -10
17 : #f6865a : -9
18 : #f6895a : -8
19 : #f68c5a : -7
20 : #f68e5a : -6
21 : #f6915a : -5
22 : #f6935a : -4
23 : #f6965a : -3
24 : #f6995a : -2
25 : #f69b5a : -1
26 : #f69e5a : ±0
27 : #f6a05a : +1
28 : #f6a35a : +2
29 : #f6a65a : +3
30 : #f6a85a : +4
31 : #f6ab5a : +5
32 : #f6ae5a : +6
33 : #f6b05a : +7
34 : #f6b35a : +8
35 : #f6b55a : +9
36 : #f6b85a : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a8a8a8 : -90
2 : #aaa8a7 : -88
4 : #aca8a5 : -86
6 : #aea8a3 : -84
8 : #afa7a1 : -82
10 : #b1a7a0 : -80
12 : #b3a79e : -78
14 : #b4a79c : -76
16 : #b6a69a : -74
18 : #b8a699 : -72
20 : #baa697 : -70
22 : #bba695 : -68
24 : #bda693 : -66
26 : #bfa592 : -64
28 : #c1a590 : -62
30 : #c2a58e : -60
32 : #c4a58d : -58
34 : #c6a48b : -56
36 : #c8a489 : -54
38 : #c9a487 : -52
40 : #cba486 : -50
42 : #cda384 : -48
44 : #cea382 : -46
46 : #d0a380 : -44
48 : #d2a37f : -42
50 : #d4a37d : -40
52 : #d5a27b : -38
54 : #d7a279 : -36
56 : #d9a278 : -34
58 : #dba276 : -32
60 : #dca174 : -30
62 : #dea173 : -28
64 : #e0a171 : -26
66 : #e2a16f : -24
68 : #e3a06d : -22
70 : #e5a06c : -20
72 : #e7a06a : -18
74 : #e8a068 : -16
76 : #eaa066 : -14
78 : #ec9f65 : -12
80 : #ee9f63 : -10
82 : #ef9f61 : -8
84 : #f19f5f : -6
86 : #f39e5e : -4
88 : #f59e5c : -2
90 : #f69e5a : ±0
92 : #f89e59 : +2
94 : #fa9d57 : +4
96 : #fc9d55 : +6
98 : #fd9d53 : +8
100 : #ff9d52 : +10
L : 明度 ( 66% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -66
2 : #0a0401 : -64
4 : #130901 : -62
6 : #1d0d02 : -60
8 : #271202 : -58
10 : #301603 : -56
12 : #3a1b03 : -54
14 : #441f04 : -52
16 : #4e2404 : -50
18 : #572805 : -48
20 : #612d05 : -46
22 : #6b3106 : -44
24 : #743606 : -42
26 : #7e3a07 : -40
28 : #883f07 : -38
30 : #914308 : -36
32 : #9b4808 : -34
34 : #a54c09 : -32
36 : #ae5109 : -30
38 : #b8550a : -28
40 : #c25a0a : -26
42 : #cb5e0b : -24
44 : #d5630b : -22
46 : #df670c : -20
48 : #e96c0c : -18
50 : #f2700d : -16
52 : #f37616 : -14
54 : #f37c20 : -12
56 : #f4812a : -10
58 : #f48734 : -8
60 : #f58d3d : -6
62 : #f59247 : -4
64 : #f69851 : -2
66 : #f69e5a : ±0
68 : #f7a464 : +2
70 : #f7a96e : +4
72 : #f8af77 : +6
74 : #f8b581 : +8
76 : #f9ba8b : +10
78 : #f9c094 : +12
80 : #fac69e : +14
82 : #facca8 : +16
84 : #fbd1b1 : +18
86 : #fbd7bb : +20
88 : #fcddc5 : +22
90 : #fce2cf : +24
92 : #fde8d8 : +26
94 : #fdeee2 : +28
96 : #fef4ec : +30
98 : #fef9f5 : +32
100 : #ffffff : +34
CSS入門、作ってます。
text-shadow