#5c2f6a
RGB ( 赤 = 92, 緑 = 47, 青 = 106 )
HSL ( 色相 = 286°, 彩度 = 39%, 明度 = 30% )
H : 色相 ( 286° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #6a352f : -280
16 : #6a3f2f : -270
26 : #6a492f : -260
36 : #6a522f : -250
46 : #6a5c2f : -240
56 : #6a662f : -230
66 : #646a2f : -220
76 : #5a6a2f : -210
86 : #506a2f : -200
96 : #476a2f : -190
106 : #3d6a2f : -180
116 : #336a2f : -170
126 : #2f6a35 : -160
136 : #2f6a3f : -150
146 : #2f6a49 : -140
156 : #2f6a52 : -130
166 : #2f6a5c : -120
176 : #2f6a66 : -110
186 : #2f646a : -100
196 : #2f5a6a : -90
206 : #2f506a : -80
216 : #2f476a : -70
226 : #2f3d6a : -60
236 : #2f336a : -50
246 : #352f6a : -40
256 : #3f2f6a : -30
266 : #492f6a : -20
276 : #522f6a : -10
286 : #5c2f6a : ±0
296 : #662f6a : +10
306 : #6a2f64 : +20
316 : #6a2f5a : +30
326 : #6a2f50 : +40
336 : #6a2f47 : +50
346 : #6a2f3d : +60
356 : #6a2f33 : +70
276 : #522f6a : -10
277 : #532f6a : -9
278 : #542f6a : -8
279 : #552f6a : -7
280 : #562f6a : -6
281 : #572f6a : -5
282 : #582f6a : -4
283 : #592f6a : -3
284 : #5a2f6a : -2
285 : #5b2f6a : -1
286 : #5c2f6a : ±0
287 : #5d2f6a : +1
288 : #5e2f6a : +2
289 : #5f2f6a : +3
290 : #602f6a : +4
291 : #612f6a : +5
292 : #622f6a : +6
293 : #632f6a : +7
294 : #642f6a : +8
295 : #652f6a : +9
296 : #662f6a : +10
S : 彩度 ( 39% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4d4c4d : -38
3 : #4e4a4f : -36
5 : #4f4950 : -34
7 : #4f4752 : -32
9 : #504653 : -30
11 : #514455 : -28
13 : #524356 : -26
15 : #534158 : -24
17 : #533f5a : -22
19 : #543e5b : -20
21 : #553c5d : -18
23 : #563b5e : -16
25 : #573960 : -14
27 : #583861 : -12
29 : #583663 : -10
31 : #593564 : -8
33 : #5a3366 : -6
35 : #5b3267 : -4
37 : #5c3069 : -2
39 : #5c2f6a : ±0
41 : #5d2d6c : +2
43 : #5e2c6d : +4
45 : #5f2a6f : +6
47 : #602970 : +8
49 : #602772 : +10
51 : #612574 : +12
53 : #622475 : +14
55 : #632277 : +16
57 : #642178 : +18
59 : #651f7a : +20
61 : #651e7b : +22
63 : #661c7d : +24
65 : #671b7e : +26
67 : #681980 : +28
69 : #691881 : +30
71 : #691683 : +32
73 : #6a1584 : +34
75 : #6b1386 : +36
77 : #6c1287 : +38
79 : #6d1089 : +40
81 : #6e0f8a : +42
83 : #6e0d8c : +44
85 : #6f0b8e : +46
87 : #700a8f : +48
89 : #710891 : +50
91 : #720792 : +52
93 : #720594 : +54
95 : #730495 : +56
97 : #740297 : +58
99 : #750198 : +60
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #060307 : -28
4 : #0c060e : -26
6 : #120915 : -24
8 : #190c1c : -22
10 : #1f1023 : -20
12 : #25132b : -18
14 : #2b1632 : -16
16 : #311939 : -14
18 : #371c40 : -12
20 : #3e1f47 : -10
22 : #44224e : -8
24 : #4a2555 : -6
26 : #50285c : -4
28 : #562c63 : -2
30 : #5c2f6a : ±0
32 : #633271 : +2
34 : #693579 : +4
36 : #6f3880 : +6
38 : #753b87 : +8
40 : #7b3e8e : +10
42 : #814195 : +12
44 : #88449c : +14
46 : #8e48a3 : +16
48 : #944baa : +18
50 : #9a4eb1 : +20
52 : #9e55b4 : +22
54 : #a25cb7 : +24
56 : #a663bb : +26
58 : #aa6abe : +28
60 : #ae71c1 : +30
62 : #b278c4 : +32
64 : #b67fc7 : +34
66 : #ba86ca : +36
68 : #be8ecd : +38
70 : #c295d0 : +40
72 : #c69cd3 : +42
74 : #caa3d7 : +44
76 : #cfaada : +46
78 : #d3b1dd : +48
80 : #d7b8e0 : +50
82 : #dbbfe3 : +52
84 : #dfc6e6 : +54
86 : #e3cde9 : +56
88 : #e7d4ec : +58
90 : #ebdcef : +60
92 : #efe3f3 : +62
94 : #f3eaf6 : +64
96 : #f7f1f9 : +66
98 : #fbf8fc : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow