はじめに
色コードをプレビューするツールがほしい。と思ってchatGPTにつくらせました。
以下がプロンプトの全文です。
htmlで簡単なアプリを作りたい
色をコードで入れたら確認できるようなものを作りたい。
3桁か6桁かは自動で認識して反映させてほしい
ここから壁打ちしようと思ったら、一発で満足なものがでてきてしまいました。
See the Pen color-preview by ken1math (@8787kazuye) on CodePen.
おわりに
単に色が確認できればいいや、と思っていたんですが、おしゃれに仕上がりました。
ちゃんとwindowサイズを変えたときにボタンの配置もかわります。
カラーピッカーを配置して、色からコードもやるとさらに便利かも。
、と思って作ったのも、載せておきます
しかし壁打ちすらいらないとは。すごい！