#5a073a
RGB ( 赤 = 90, 緑 = 7, 青 = 58 )
HSL ( 色相 = 323°, 彩度 = 86%, 明度 = 19% )
H : 色相 ( 323° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #5a0b07 : -320
13 : #5a1907 : -310
23 : #5a2707 : -300
33 : #5a3507 : -290
43 : #5a4307 : -280
53 : #5a5007 : -270
63 : #565a07 : -260
73 : #485a07 : -250
83 : #3a5a07 : -240
93 : #2c5a07 : -230
103 : #1e5a07 : -220
113 : #115a07 : -210
123 : #075a0b : -200
133 : #075a19 : -190
143 : #075a27 : -180
153 : #075a35 : -170
163 : #075a43 : -160
173 : #075a50 : -150
183 : #07565a : -140
193 : #07485a : -130
203 : #073a5a : -120
213 : #072c5a : -110
223 : #071e5a : -100
233 : #07115a : -90
243 : #0b075a : -80
253 : #19075a : -70
263 : #27075a : -60
273 : #35075a : -50
283 : #43075a : -40
293 : #50075a : -30
303 : #5a0756 : -20
313 : #5a0748 : -10
323 : #5a073a : ±0
333 : #5a072c : +10
343 : #5a071e : +20
353 : #5a0711 : +30
313 : #5a0748 : -10
314 : #5a0747 : -9
315 : #5a0745 : -8
316 : #5a0744 : -7
317 : #5a0743 : -6
318 : #5a0741 : -5
319 : #5a0740 : -4
320 : #5a073e : -3
321 : #5a073d : -2
322 : #5a073c : -1
323 : #5a073a : ±0
324 : #5a0739 : +1
325 : #5a0737 : +2
326 : #5a0736 : +3
327 : #5a0735 : +4
328 : #5a0733 : +5
329 : #5a0732 : +6
330 : #5a0730 : +7
331 : #5a072f : +8
332 : #5a072e : +9
333 : #5a072c : +10
S : 彩度 ( 86% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -86
2 : #312f31 : -84
4 : #322f31 : -82
6 : #332e31 : -80
8 : #342d31 : -78
10 : #352c32 : -76
12 : #362b32 : -74
14 : #372a32 : -72
16 : #382932 : -70
18 : #392832 : -68
20 : #3a2733 : -66
22 : #3b2633 : -64
24 : #3c2533 : -62
26 : #3d2433 : -60
28 : #3e2334 : -58
30 : #3f2234 : -56
32 : #402134 : -54
34 : #412034 : -52
36 : #421f35 : -50
38 : #431e35 : -48
40 : #441d35 : -46
42 : #451c35 : -44
44 : #461b35 : -42
46 : #471a36 : -40
48 : #481936 : -38
50 : #491836 : -36
52 : #4a1736 : -34
54 : #4b1637 : -32
56 : #4c1537 : -30
58 : #4d1437 : -28
60 : #4e1337 : -26
62 : #4e1237 : -24
64 : #4f1138 : -22
66 : #501038 : -20
68 : #511038 : -18
70 : #520f38 : -16
72 : #530e39 : -14
74 : #540d39 : -12
76 : #550c39 : -10
78 : #560b39 : -8
80 : #570a39 : -6
82 : #58093a : -4
84 : #59083a : -2
86 : #5a073a : ±0
88 : #5b063a : +2
90 : #5c053b : +4
92 : #5d043b : +6
94 : #5e033b : +8
96 : #5f023b : +10
98 : #60013c : +12
100 : #61003c : +14
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #050003 : -18
3 : #0e0109 : -16
5 : #18020f : -14
7 : #210215 : -12
9 : #2b031c : -10
11 : #340422 : -8
13 : #3e0528 : -6
15 : #47052e : -4
17 : #510634 : -2
19 : #5a073a : ±0
21 : #640740 : +2
23 : #6d0846 : +4
25 : #77094d : +6
27 : #800a53 : +8
29 : #8a0a59 : +10
31 : #930b5f : +12
33 : #9d0c65 : +14
35 : #a60c6b : +16
37 : #af0d71 : +18
39 : #b90e77 : +20
41 : #c20f7e : +22
43 : #cc0f84 : +24
45 : #d5108a : +26
47 : #df1190 : +28
49 : #e81196 : +30
51 : #ee179b : +32
53 : #ee209f : +34
55 : #ef2aa3 : +36
57 : #f033a7 : +38
59 : #f03dab : +40
61 : #f146b0 : +42
63 : #f250b4 : +44
65 : #f359b8 : +46
67 : #f362bc : +48
69 : #f46cc0 : +50
71 : #f575c4 : +52
73 : #f57fc8 : +54
75 : #f688cc : +56
77 : #f792d0 : +58
79 : #f89bd4 : +60
81 : #f8a5d8 : +62
83 : #f9aedc : +64
85 : #fab8e0 : +66
87 : #fac1e5 : +68
89 : #fbcbe9 : +70
91 : #fcd4ed : +72
93 : #fddef1 : +74
95 : #fde7f5 : +76
97 : #fef1f9 : +78
99 : #fffafd : +80
CSS入門、作ってます。
text-shadow