#9d4701
RGB ( 赤 = 157, 緑 = 71, 青 = 1 )
HSL ( 色相 = 27°, 彩度 = 99%, 明度 = 31% )
H : 色相 ( 27° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #9d1301 : -20
17 : #9d2d01 : -10
27 : #9d4701 : ±0
37 : #9d6101 : +10
47 : #9d7b01 : +20
57 : #9d9501 : +30
67 : #8b9d01 : +40
77 : #719d01 : +50
87 : #579d01 : +60
97 : #3d9d01 : +70
107 : #239d01 : +80
117 : #099d01 : +90
127 : #019d13 : +100
137 : #019d2d : +110
147 : #019d47 : +120
157 : #019d61 : +130
167 : #019d7b : +140
177 : #019d95 : +150
187 : #018b9d : +160
197 : #01719d : +170
207 : #01579d : +180
217 : #013d9d : +190
227 : #01239d : +200
237 : #01099d : +210
247 : #13019d : +220
257 : #2d019d : +230
267 : #47019d : +240
277 : #61019d : +250
287 : #7b019d : +260
297 : #95019d : +270
307 : #9d018b : +280
317 : #9d0171 : +290
327 : #9d0157 : +300
337 : #9d013d : +310
347 : #9d0123 : +320
357 : #9d0109 : +330
17 : #9d2d01 : -10
18 : #9d3001 : -9
19 : #9d3201 : -8
20 : #9d3501 : -7
21 : #9d3801 : -6
22 : #9d3a01 : -5
23 : #9d3d01 : -4
24 : #9d3f01 : -3
25 : #9d4201 : -2
26 : #9d4501 : -1
27 : #9d4701 : ±0
28 : #9d4a01 : +1
29 : #9d4c01 : +2
30 : #9d4f01 : +3
31 : #9d5201 : +4
32 : #9d5401 : +5
33 : #9d5701 : +6
34 : #9d5901 : +7
35 : #9d5c01 : +8
36 : #9d5f01 : +9
37 : #9d6101 : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #504f4e : -98
3 : #514f4d : -96
5 : #534f4b : -94
7 : #554e4a : -92
9 : #564e48 : -90
11 : #584e46 : -88
13 : #594e45 : -86
15 : #5b4e43 : -84
17 : #5c4e42 : -82
19 : #5e4e40 : -80
21 : #604d3e : -78
23 : #614d3d : -76
25 : #634d3b : -74
27 : #644d3a : -72
29 : #664d38 : -70
31 : #684d37 : -68
33 : #694c35 : -66
35 : #6b4c33 : -64
37 : #6c4c32 : -62
39 : #6e4c30 : -60
41 : #6f4c2f : -58
43 : #714c2d : -56
45 : #734b2b : -54
47 : #744b2a : -52
49 : #764b28 : -50
51 : #774b27 : -48
53 : #794b25 : -46
55 : #7b4b24 : -44
57 : #7c4b22 : -42
59 : #7e4a20 : -40
61 : #7f4a1f : -38
63 : #814a1d : -36
65 : #824a1c : -34
67 : #844a1a : -32
69 : #864a19 : -30
71 : #874917 : -28
73 : #894915 : -26
75 : #8a4914 : -24
77 : #8c4912 : -22
79 : #8d4911 : -20
81 : #8f490f : -18
83 : #91480d : -16
85 : #92480c : -14
87 : #94480a : -12
89 : #954809 : -10
91 : #974807 : -8
93 : #994806 : -6
95 : #9a4804 : -4
97 : #9c4702 : -2
99 : #9d4701 : ±0
L : 明度 ( 31% )
(0%) 暗い ~ 明るい (100%)
1 : #050200 : -30
3 : #0f0700 : -28
5 : #190b00 : -26
7 : #241000 : -24
9 : #2e1500 : -22
11 : #381900 : -20
13 : #421e00 : -18
15 : #4c2200 : -16
17 : #562700 : -14
19 : #602c00 : -12
21 : #6b3001 : -10
23 : #753501 : -8
25 : #7f3901 : -6
27 : #893e01 : -4
29 : #934301 : -2
31 : #9d4701 : ±0
33 : #a74c01 : +2
35 : #b25001 : +4
37 : #bc5501 : +6
39 : #c65a01 : +8
41 : #d05e01 : +10
43 : #da6301 : +12
45 : #e46701 : +14
47 : #ef6c01 : +16
49 : #f97101 : +18
51 : #fe7606 : +20
53 : #fe7b10 : +22
55 : #fe811b : +24
57 : #fe8625 : +26
59 : #fe8c2f : +28
61 : #fe9239 : +30
63 : #fe9743 : +32
65 : #fe9d4d : +34
67 : #fea358 : +36
69 : #fea862 : +38
71 : #feae6c : +40
73 : #feb376 : +42
75 : #feb980 : +44
77 : #febf8a : +46
79 : #fec494 : +48
81 : #ffca9f : +50
83 : #ffcfa9 : +52
85 : #ffd5b3 : +54
87 : #ffdbbd : +56
89 : #ffe0c7 : +58
91 : #ffe6d1 : +60
93 : #ffebdb : +62
95 : #fff1e6 : +64
97 : #fff7f0 : +66
99 : #fffcfa : +68
CSS入門、作ってます。
text-shadow