#fda363
RGB ( 赤 = 253, 緑 = 163, 青 = 99 )
HSL ( 色相 = 25°, 彩度 = 97%, 明度 = 69% )
H : 色相 ( 25° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #fd7063 : -20
15 : #fd8a63 : -10
25 : #fda363 : ±0
35 : #fdbd63 : +10
45 : #fdd663 : +20
55 : #fdf063 : +30
65 : #f0fd63 : +40
75 : #d6fd63 : +50
85 : #bdfd63 : +60
95 : #a3fd63 : +70
105 : #8afd63 : +80
115 : #70fd63 : +90
125 : #63fd70 : +100
135 : #63fd8a : +110
145 : #63fda3 : +120
155 : #63fdbd : +130
165 : #63fdd6 : +140
175 : #63fdf0 : +150
185 : #63f0fd : +160
195 : #63d6fd : +170
205 : #63bdfd : +180
215 : #63a3fd : +190
225 : #638afd : +200
235 : #6370fd : +210
245 : #7063fd : +220
255 : #8a63fd : +230
265 : #a363fd : +240
275 : #bd63fd : +250
285 : #d663fd : +260
295 : #f063fd : +270
305 : #fd63f0 : +280
315 : #fd63d6 : +290
325 : #fd63bd : +300
335 : #fd63a3 : +310
345 : #fd638a : +320
355 : #fd6370 : +330
15 : #fd8a63 : -10
16 : #fd8c63 : -9
17 : #fd8f63 : -8
18 : #fd9163 : -7
19 : #fd9463 : -6
20 : #fd9663 : -5
21 : #fd9963 : -4
22 : #fd9c63 : -3
23 : #fd9e63 : -2
24 : #fda163 : -1
25 : #fda363 : ±0
26 : #fda663 : +1
27 : #fda863 : +2
28 : #fdab63 : +3
29 : #fdad63 : +4
30 : #fdb063 : +5
31 : #fdb363 : +6
32 : #fdb563 : +7
33 : #fdb863 : +8
34 : #fdba63 : +9
35 : #fdbd63 : +10
S : 彩度 ( 97% )
(0%) 渋い ～ 鮮やか (100%)
1 : #b1b0af : -96
3 : #b2b0ae : -94
5 : #b4afac : -92
7 : #b5afaa : -90
9 : #b7afa9 : -88
11 : #b9afa7 : -86
13 : #baaea6 : -84
15 : #bcaea4 : -82
17 : #bdaea3 : -80
19 : #bfada1 : -78
21 : #c1ad9f : -76
23 : #c2ad9e : -74
25 : #c4ad9c : -72
27 : #c5ac9b : -70
29 : #c7ac99 : -68
31 : #c8ac97 : -66
33 : #caac96 : -64
35 : #ccab94 : -62
37 : #cdab93 : -60
39 : #cfab91 : -58
41 : #d0ab90 : -56
43 : #d2aa8e : -54
45 : #d4aa8c : -52
47 : #d5aa8b : -50
49 : #d7a989 : -48
51 : #d8a988 : -46
53 : #daa986 : -44
55 : #dba984 : -42
57 : #dda883 : -40
59 : #dfa881 : -38
61 : #e0a880 : -36
63 : #e2a87e : -34
65 : #e3a77d : -32
67 : #e5a77b : -30
69 : #e6a779 : -28
71 : #e8a778 : -26
73 : #eaa676 : -24
75 : #eba675 : -22
77 : #eda673 : -20
79 : #eea672 : -18
81 : #f0a570 : -16
83 : #f2a56e : -14
85 : #f3a56d : -12
87 : #f5a46b : -10
89 : #f6a46a : -8
91 : #f8a468 : -6
93 : #f9a466 : -4
95 : #fba365 : -2
97 : #fda363 : ±0
99 : #fea362 : +2
L : 明度 ( 69% )
(0%) 暗い ～ 明るい (100%)
1 : #050200 : -68
3 : #0f0600 : -66
5 : #190b00 : -64
7 : #230f01 : -62
9 : #2d1301 : -60
11 : #371801 : -58
13 : #411c01 : -56
15 : #4b2001 : -54
17 : #552401 : -52
19 : #5f2901 : -50
21 : #692d02 : -48
23 : #743102 : -46
25 : #7e3502 : -44
27 : #883a02 : -42
29 : #923e02 : -40
31 : #9c4202 : -38
33 : #a64703 : -36
35 : #b04b03 : -34
37 : #ba4f03 : -32
39 : #c45303 : -30
41 : #ce5803 : -28
43 : #d85c03 : -26
45 : #e26003 : -24
47 : #ec6404 : -22
49 : #f66904 : -20
51 : #fb6e09 : -18
53 : #fb7413 : -16
55 : #fc7a1d : -14
57 : #fc8027 : -12
59 : #fc8631 : -10
61 : #fc8b3b : -8
63 : #fc9145 : -6
65 : #fc974f : -4
67 : #fc9d59 : -2
69 : #fda363 : ±0
71 : #fda96d : +2
73 : #fdaf77 : +4
75 : #fdb581 : +6
77 : #fdbb8b : +8
79 : #fdc196 : +10
81 : #fec7a0 : +12
83 : #fecdaa : +14
85 : #fed3b4 : +16
87 : #fed8be : +18
89 : #fedec8 : +20
91 : #fee4d2 : +22
93 : #feeadc : +24
95 : #fff0e6 : +26
97 : #fff6f0 : +28
99 : #fffcfa : +30
CSS入門、作ってます。
text-shadow