#f2ab69
RGB ( 赤 = 242, 緑 = 171, 青 = 105 )
HSL ( 色相 = 29°, 彩度 = 84%, 明度 = 68% )
H : 色相 ( 29° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #f27d69 : -20
19 : #f29469 : -10
29 : #f2ab69 : ±0
39 : #f2c269 : +10
49 : #f2d969 : +20
59 : #f2f069 : +30
69 : #ddf269 : +40
79 : #c7f269 : +50
89 : #b0f269 : +60
99 : #99f269 : +70
109 : #82f269 : +80
119 : #6bf269 : +90
129 : #69f27d : +100
139 : #69f294 : +110
149 : #69f2ab : +120
159 : #69f2c2 : +130
169 : #69f2d9 : +140
179 : #69f2f0 : +150
189 : #69ddf2 : +160
199 : #69c7f2 : +170
209 : #69b0f2 : +180
219 : #6999f2 : +190
229 : #6982f2 : +200
239 : #696bf2 : +210
249 : #7d69f2 : +220
259 : #9469f2 : +230
269 : #ab69f2 : +240
279 : #c269f2 : +250
289 : #d969f2 : +260
299 : #f069f2 : +270
309 : #f269dd : +280
319 : #f269c7 : +290
329 : #f269b0 : +300
339 : #f26999 : +310
349 : #f26982 : +320
359 : #f2696b : +330
19 : #f29469 : -10
20 : #f29769 : -9
21 : #f29969 : -8
22 : #f29b69 : -7
23 : #f29d69 : -6
24 : #f2a069 : -5
25 : #f2a269 : -4
26 : #f2a469 : -3
27 : #f2a769 : -2
28 : #f2a969 : -1
29 : #f2ab69 : ±0
30 : #f2ad69 : +1
31 : #f2b069 : +2
32 : #f2b269 : +3
33 : #f2b469 : +4
34 : #f2b769 : +5
35 : #f2b969 : +6
36 : #f2bb69 : +7
37 : #f2bd69 : +8
38 : #f2c069 : +9
39 : #f2c269 : +10
S : 彩度 ( 84% )
(0%) 渋い ~ 鮮やか (100%)
0 : #adadad : -84
2 : #afadac : -82
4 : #b1adaa : -80
6 : #b2ada9 : -78
8 : #b4ada7 : -76
10 : #b6ada5 : -74
12 : #b7ada4 : -72
14 : #b9ada2 : -70
16 : #baada0 : -68
18 : #bcad9f : -66
20 : #bead9d : -64
22 : #bfad9b : -62
24 : #c1ad9a : -60
26 : #c3ad98 : -58
28 : #c4ad97 : -56
30 : #c6ad95 : -54
32 : #c8ad93 : -52
34 : #c9ac92 : -50
36 : #cbac90 : -48
38 : #ccac8e : -46
40 : #ceac8d : -44
42 : #d0ac8b : -42
44 : #d1ac89 : -40
46 : #d3ac88 : -38
48 : #d5ac86 : -36
50 : #d6ac85 : -34
52 : #d8ac83 : -32
54 : #d9ac81 : -30
56 : #dbac80 : -28
58 : #ddac7e : -26
60 : #deac7c : -24
62 : #e0ac7b : -22
64 : #e2ac79 : -20
66 : #e3ac78 : -18
68 : #e5ac76 : -16
70 : #e7ab74 : -14
72 : #e8ab73 : -12
74 : #eaab71 : -10
76 : #ebab6f : -8
78 : #edab6e : -6
80 : #efab6c : -4
82 : #f0ab6a : -2
84 : #f2ab69 : ±0
86 : #f4ab67 : +2
88 : #f5ab66 : +4
90 : #f7ab64 : +6
92 : #f8ab62 : +8
94 : #faab61 : +10
96 : #fcab5f : +12
98 : #fdab5d : +14
100 : #ffab5c : +16
L : 明度 ( 68% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -68
2 : #090501 : -66
4 : #130a02 : -64
6 : #1c0f02 : -62
8 : #261403 : -60
10 : #2f1904 : -58
12 : #381e05 : -56
14 : #422306 : -54
16 : #4b2807 : -52
18 : #542d07 : -50
20 : #5e3208 : -48
22 : #673709 : -46
24 : #713b0a : -44
26 : #7a400b : -42
28 : #83450b : -40
30 : #8d4a0c : -38
32 : #964f0d : -36
34 : #a0540e : -34
36 : #a9590f : -32
38 : #b25e10 : -30
40 : #bc6310 : -28
42 : #c56811 : -26
44 : #ce6d12 : -24
46 : #d87213 : -22
48 : #e17714 : -20
50 : #eb7c14 : -18
52 : #eb811e : -16
54 : #ec8627 : -14
56 : #ed8c31 : -12
58 : #ee913a : -10
60 : #ef9643 : -8
62 : #ef9b4d : -6
64 : #f0a156 : -4
66 : #f1a65f : -2
68 : #f2ab69 : ±0
70 : #f3b072 : +2
72 : #f4b67c : +4
74 : #f4bb85 : +6
76 : #f5c08e : +8
78 : #f6c598 : +10
80 : #f7cba1 : +12
82 : #f8d0ab : +14
84 : #f8d5b4 : +16
86 : #f9dabd : +18
88 : #fae0c7 : +20
90 : #fbe5d0 : +22
92 : #fcead9 : +24
94 : #fdefe3 : +26
96 : #fdf5ec : +28
98 : #fefaf6 : +30
100 : #ffffff : +32
CSS入門、作ってます。
text-shadow