class="copy-value">rgb({{rgbValue}})</p></div>あとはCSSでそれっぽく装飾すればOK。Number)が表示されます。これではちょっと不格好なので、不正なカラーコードだと「—」と表示されるよう追記していきましょう。入力されたカラーコードが正しい値か判定する間違っていれば「—」と表示ということで、まずは「正しいカラーコード」を用意します。これは正規表現という書き方で表していきます。うぎゃ!記号だらけ!簡単に翻訳すれば「A〜Fのアルファベット(大文字&小文字)と0〜9の数値の6桁または3桁」と書かれています。プロパティー内に定義しておきます。}});続いて、入力されたコードが定義した正しいカラーコードなのかを検証します。判定する条件分岐を記述しましょう。「—」と表示させるよう書きます。同じように「—」が入るよーという指定をしています。—)」が表示されているので、ここはフォームに何も入力されていなければ非表示にします。ここもJavaScriptを書く必要はありません。表示するよー」という指定をしています。CodePen.入力したカラーコードをEnterで確定したり、ページ推移もないのでサクッと確認する時に便利です。RGB」を使ってみてくださいね!シェアするTwitterFacebookはてブPocketニュースレターWeb制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。中の人ってこんな人Webデザイナー+WebデベロッパーのManaです。日本で2年間グラフィックデザイナーとして働いた後、カナダ・バンクーバーにあるWeb制作の学校を卒業。カナダやオーストラリア、イギリスの企業でWebデザイナーとして働きました。詳しく知りたいという方は詳細ページへ。@chibimanaでつぶやいてます。Webクリエイターボックス。