diff --git a/core/js/placeholder.js b/core/js/placeholder.js
index 16543541cb4854d1236404f34a66f17d53ead2be..d63730547d7986324f33e5dc15577bea2748feb7 100644
--- a/core/js/placeholder.js
+++ b/core/js/placeholder.js
@@ -34,23 +34,20 @@
  *
  * Which will result in:
  *
- * <div id="albumart" style="background-color: rgb(123, 123, 123); ... ">T</div>
+ * <div id="albumart" style="background-color: hsl(123, 90%, 65%); ... ">T</div>
  *
  */
 
 (function ($) {
 	$.fn.placeholder = function(seed) {
 		var hash = md5(seed),
-			maxRange = parseInt('ffffffffff', 16),
-			red = parseInt(hash.substr(0,10), 16) / maxRange * 256,
-			green = parseInt(hash.substr(10,10), 16) / maxRange * 256,
-			blue = parseInt(hash.substr(20,10), 16) / maxRange * 256,
-			rgb = [Math.floor(red), Math.floor(green), Math.floor(blue)],
+			maxRange = parseInt('ffffffffffffffffffffffffffffffff', 16),
+			hue = parseInt(hash, 16) / maxRange * 256,
 			height = this.height();
-		this.css('background-color', 'rgb(' + rgb.join(',') + ')');
+		this.css('background-color', 'hsl(' + hue + ', 90%, 65%)');
 
 		// CSS rules
-		this.css('color', 'rgb(255, 255, 255)');
+		this.css('color', '#fff');
 		this.css('font-weight', 'bold');
 		this.css('text-align', 'center');