#f28563
RGB ( 赤 = 242, 緑 = 133, 青 = 99 )
HSL ( 色相 = 14°, 彩度 = 85%, 明度 = 67% )
H : 色相 ( 14° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #f26d63 : -10
14 : #f28563 : ±0
24 : #f29d63 : +10
34 : #f2b463 : +20
44 : #f2cc63 : +30
54 : #f2e463 : +40
64 : #e9f263 : +50
74 : #d1f263 : +60
84 : #b9f263 : +70
94 : #a1f263 : +80
104 : #89f263 : +90
114 : #72f263 : +100
124 : #63f26d : +110
134 : #63f285 : +120
144 : #63f29d : +130
154 : #63f2b4 : +140
164 : #63f2cc : +150
174 : #63f2e4 : +160
184 : #63e9f2 : +170
194 : #63d1f2 : +180
204 : #63b9f2 : +190
214 : #63a1f2 : +200
224 : #6389f2 : +210
234 : #6372f2 : +220
244 : #6d63f2 : +230
254 : #8563f2 : +240
264 : #9d63f2 : +250
274 : #b463f2 : +260
284 : #cc63f2 : +270
294 : #e463f2 : +280
304 : #f263e9 : +290
314 : #f263d1 : +300
324 : #f263b9 : +310
334 : #f263a1 : +320
344 : #f26389 : +330
354 : #f26372 : +340
4 : #f26d63 : -10
5 : #f26f63 : -9
6 : #f27263 : -8
7 : #f27463 : -7
8 : #f27663 : -6
9 : #f27963 : -5
10 : #f27b63 : -4
11 : #f27e63 : -3
12 : #f28063 : -2
13 : #f28263 : -1
14 : #f28563 : ±0
15 : #f28763 : +1
16 : #f28963 : +2
17 : #f28c63 : +3
18 : #f28e63 : +4
19 : #f29163 : +5
20 : #f29363 : +6
21 : #f29563 : +7
22 : #f29863 : +8
23 : #f29a63 : +9
24 : #f29d63 : +10
S : 彩度 ( 85% )
(0%) 渋い ~ 鮮やか (100%)
1 : #acaaaa : -84
3 : #adaaa8 : -82
5 : #afa9a7 : -80
7 : #b1a8a5 : -78
9 : #b2a7a3 : -76
11 : #b4a6a2 : -74
13 : #b6a5a0 : -72
15 : #b7a49e : -70
17 : #b9a39d : -68
19 : #bba29b : -66
21 : #bda199 : -64
23 : #bea197 : -62
25 : #c0a096 : -60
27 : #c29f94 : -58
29 : #c39e92 : -56
31 : #c59d91 : -54
33 : #c79c8f : -52
35 : #c89b8d : -50
37 : #ca9a8c : -48
39 : #cc998a : -46
41 : #cd9888 : -44
43 : #cf9887 : -42
45 : #d19785 : -40
47 : #d29683 : -38
49 : #d49582 : -36
51 : #d69480 : -34
53 : #d7937e : -32
55 : #d9927d : -30
57 : #db917b : -28
59 : #dc9079 : -26
61 : #de8f78 : -24
63 : #e08f76 : -22
65 : #e28e74 : -20
67 : #e38d72 : -18
69 : #e58c71 : -16
71 : #e78b6f : -14
73 : #e88a6d : -12
75 : #ea896c : -10
77 : #ec886a : -8
79 : #ed8768 : -6
81 : #ef8667 : -4
83 : #f18665 : -2
85 : #f28563 : ±0
87 : #f48462 : +2
89 : #f68360 : +4
91 : #f7825e : +6
93 : #f9815d : +8
95 : #fb805b : +10
97 : #fc7f59 : +12
99 : #fe7e58 : +14
L : 明度 ( 67% )
(0%) 暗い ~ 明るい (100%)
1 : #050100 : -66
3 : #0e0401 : -64
5 : #180702 : -62
7 : #210a03 : -60
9 : #2a0d03 : -58
11 : #340f04 : -56
13 : #3d1205 : -54
15 : #471506 : -52
17 : #501807 : -50
19 : #5a1a07 : -48
21 : #631d08 : -46
23 : #6d2009 : -44
25 : #76230a : -42
27 : #7f260a : -40
29 : #89280b : -38
31 : #922b0c : -36
33 : #9c2e0d : -34
35 : #a5310d : -32
37 : #af340e : -30
39 : #b8360f : -28
41 : #c13910 : -26
43 : #cb3c10 : -24
45 : #d43f11 : -22
47 : #de4212 : -20
49 : #e74413 : -18
51 : #ec4918 : -16
53 : #ed5121 : -14
55 : #ee582b : -12
57 : #ef6034 : -10
59 : #ef673e : -8
61 : #f06e47 : -6
63 : #f17650 : -4
65 : #f27d5a : -2
67 : #f28563 : ±0
69 : #f38c6d : +2
71 : #f49476 : +4
73 : #f59b80 : +6
75 : #f5a289 : +8
77 : #f6aa92 : +10
79 : #f7b19c : +12
81 : #f8b9a5 : +14
83 : #f8c0af : +16
85 : #f9c7b8 : +18
87 : #facfc2 : +20
89 : #fbd6cb : +22
91 : #fcded5 : +24
93 : #fce5de : +26
95 : #fdece7 : +28
97 : #fef4f1 : +30
99 : #fffbfa : +32
CSS入門、作ってます。
text-shadow