#c96701
RGB ( 赤 = 201, 緑 = 103, 青 = 1 )
HSL ( 色相 = 31°, 彩度 = 99%, 明度 = 40% )
H : 色相 ( 31° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #cb0401 : -30
11 : #cb2601 : -20
21 : #cb4801 : -10
31 : #cb6901 : ±0
41 : #cb8b01 : +10
51 : #cbad01 : +20
61 : #c8cb01 : +30
71 : #a6cb01 : +40
81 : #84cb01 : +50
91 : #63cb01 : +60
101 : #41cb01 : +70
111 : #1fcb01 : +80
121 : #01cb04 : +90
131 : #01cb26 : +100
141 : #01cb48 : +110
151 : #01cb69 : +120
161 : #01cb8b : +130
171 : #01cbad : +140
181 : #01c8cb : +150
191 : #01a6cb : +160
201 : #0184cb : +170
211 : #0163cb : +180
221 : #0141cb : +190
231 : #011fcb : +200
241 : #0401cb : +210
251 : #2601cb : +220
261 : #4801cb : +230
271 : #6901cb : +240
281 : #8b01cb : +250
291 : #ad01cb : +260
301 : #cb01c8 : +270
311 : #cb01a6 : +280
321 : #cb0184 : +290
331 : #cb0163 : +300
341 : #cb0141 : +310
351 : #cb011f : +320
21 : #cb4801 : -10
22 : #cb4b01 : -9
23 : #cb4e01 : -8
24 : #cb5201 : -7
25 : #cb5501 : -6
26 : #cb5901 : -5
27 : #cb5c01 : -4
28 : #cb5f01 : -3
29 : #cb6301 : -2
30 : #cb6601 : -1
31 : #cb6901 : ±0
32 : #cb6d01 : +1
33 : #cb7001 : +2
34 : #cb7301 : +3
35 : #cb7701 : +4
36 : #cb7a01 : +5
37 : #cb7e01 : +6
38 : #cb8101 : +7
39 : #cb8401 : +8
40 : #cb8801 : +9
41 : #cb8b01 : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #676665 : -98
3 : #696663 : -96
5 : #6b6661 : -94
7 : #6d665f : -92
9 : #6f665d : -90
11 : #71665b : -88
13 : #736659 : -86
15 : #756757 : -84
17 : #776755 : -82
19 : #796753 : -80
21 : #7b6751 : -78
23 : #7d674f : -76
25 : #80674d : -74
27 : #82674a : -72
29 : #846748 : -70
31 : #866746 : -68
33 : #886744 : -66
35 : #8a6742 : -64
37 : #8c6740 : -62
39 : #8e673e : -60
41 : #90673c : -58
43 : #92673a : -56
45 : #946838 : -54
47 : #966836 : -52
49 : #986834 : -50
51 : #9a6832 : -48
53 : #9c6830 : -46
55 : #9e682e : -44
57 : #a0682c : -42
59 : #a2682a : -40
61 : #a46828 : -38
63 : #a66826 : -36
65 : #a86824 : -34
67 : #aa6822 : -32
69 : #ac6820 : -30
71 : #ae681e : -28
73 : #b0681c : -26
75 : #b3691a : -24
77 : #b56917 : -22
79 : #b76915 : -20
81 : #b96913 : -18
83 : #bb6911 : -16
85 : #bd690f : -14
87 : #bf690d : -12
89 : #c1690b : -10
91 : #c36909 : -8
93 : #c56907 : -6
95 : #c76905 : -4
97 : #c96903 : -2
99 : #cb6901 : ±0
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #0a0500 : -38
4 : #140b00 : -36
6 : #1e1000 : -34
8 : #291500 : -32
10 : #331a00 : -30
12 : #3d2000 : -28
14 : #472500 : -26
16 : #512a00 : -24
18 : #5b2f00 : -22
20 : #653501 : -20
22 : #703a01 : -18
24 : #7a3f01 : -16
26 : #844401 : -14
28 : #8e4a01 : -12
30 : #984f01 : -10
32 : #a25401 : -8
34 : #ad5a01 : -6
36 : #b75f01 : -4
38 : #c16401 : -2
40 : #cb6901 : ±0
42 : #d56f01 : +2
44 : #df7401 : +4
46 : #e97901 : +6
48 : #f47e01 : +8
50 : #fe8401 : +10
52 : #fe890b : +12
54 : #fe8e16 : +14
56 : #fe9320 : +16
58 : #fe972a : +18
60 : #fe9c34 : +20
62 : #fea13e : +22
64 : #fea648 : +24
66 : #feab52 : +26
68 : #feb05d : +28
70 : #feb567 : +30
72 : #feba71 : +32
74 : #febf7b : +34
76 : #fec485 : +36
78 : #fec98f : +38
80 : #fece9a : +40
82 : #ffd3a4 : +42
84 : #ffd8ae : +44
86 : #ffdcb8 : +46
88 : #ffe1c2 : +48
90 : #ffe6cc : +50
92 : #ffebd6 : +52
94 : #fff0e1 : +54
96 : #fff5eb : +56
98 : #fffaf5 : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow