エディタなどでよく見る、#66cdaa や rgb(240, 128, 128) みたいな感じでカラーコードがテキスト中にあると自動で色見本を付けてくれる JavaScript を作ってみます。 正規表現を駆使して書くことになるので、完璧とまではいっていませんがそれなりに判別できるコードになったと思います。 function colorSampleTag(tag) { var elm = document.getElementsByTagName(tag); for(var i = 0; i < elm.length; i++) { var text = elm[i].innerHTML; text = text.replace(/((#[0-9a-f]{3})([^0-9a-f]|$))/gi, '<span style="display:inline-block;width:1em;h
![文字列中のカラーコードに自動で色見本を付けるJavaScript | q-Az](https://cdn-ak-scissors.b.st-hatena.com/image/square/293409d8770da072b5f90ca193f5fc2504192ee3/height=288;version=1;width=512/https%3A%2F%2Fq-az.net%2Fogp%2Fauto-color-code-sample.png)