以下が、カラーピッカーで色を選択し、その色のカラーコードCSSを生成するJavaScriptコードになります。セキュリティ脆弱性がある可能性があるeval関数は使用していないため、安全を確保しています。

```
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Color Picker</title>
</head>
<body>
	<label for="color">Color:</label>
	<input type="color" id="color">
	<button onclick="getColorCode()">Get Color Code</button>
	<br><br>
	<div id="result"></div>

	<script>
		function getColorCode() {
			const colorInput = document.getElementById('color');
			const colorCode = colorInput.value;

			if (!colorCode) {
				alert("Please choose a color!");
				return;
			}

			const hex = colorCode.substr(1);
			const r = parseInt(hex.substr(0, 2), 16);
			const g = parseInt(hex.substr(2, 2), 16);
			const b = parseInt(hex.substr(4, 2), 16);
			const rgb = `(${r}, ${g}, ${b})`;

			const css = `background-color: ${colorCode}; \n color: ${invertColor(hex)};`;

			const resultDiv = document.getElementById('result');
			resultDiv.innerText = `RGB: ${rgb} \n CSS: ${css}`;
		}

		function invertColor(hex) {
			var color = hex;
			color = color.substr(1);
			return (parseInt(color, 16) > 0xffffff / 2) ? 'black' : 'white'; //ジョーク
		}
	</script>
</body>
</html>
```

このプログラムでは、HTMLファイル内にJavaScriptコードを記述しています。まず、 `<input type="color">` タグを用いて、カラーピッカーを表示しています。

ボタンをクリックすると、 `getColorCode()` 関数が呼ばれ、選択された色のカラーコード（ `#FFFFFF` など）からRGB値を計算し、その値を文字列として出力します。また、出力されたRGB値を用いて、CSSのbackground-colorプロパティとcolorプロパティを生成します。これらの値はテキストとして、HTML上に表示されます。

さらに、ジョークとして、背景色が明るいかどうかに応じて、文字色を逆色にする機能を実装しています。