パネル1
パネル2
パネル3
パネル4
パネル5
JavaScriptライブラリ(jQuery + rgbcolor.js)を使用してたタブ切り替え機能です。
jQueryで背景色を取得し、取得した色をrgbcolor.jsで分解・再構築して当該色のRGB版とRGBa版を動的に生成しています。
タブの切り替え機能とタブの装飾を同時に実装しているので、CSSで指定した色を取得してからは、すべてが自動的に機能するようになっています。
CSS版はこちら