簡単に色情報が知れる!ブラウザで動くカラーピッカー「Chroma」

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

ウェブサイトを作成している時、
スタイルシートに色指定を載せる際、
簡単に色のコードが分かると便利ですよね。

基礎的なコードは覚えている方も
いるかもしれませんが、複雑な色合いになると、
調べないと欲しい色が見つかりませんよね。

今回はブラウザでカラーを確認することが
できる「Chroma」をご紹介させて頂きます。

Chroma

Chroma

Chroma

「Chroma」にアクセスすると、
画面いっぱいにカラーパレットが表示されています。

Chroma2

そして、上部にあるカラーバーのスライダーを動かすと
色が変わるので、お好きな色のベースを見つけましょう。

更に、カラーパレット部分から
お気に入りの色を見つけていきましょう。

Chroma3

気に入った色の部分をクリックすると、
右上に色コードが表示されます。

「#000000」と6桁の数値が表示されていますが、
「HEX」と表示されている部分をクリックすると
HEX, RGB, HSL形式に表示を変更することも出来ます。

Chroma4

色コードは、右上にあるアイコンをクリックすると
コピーすることが出来ます。

また、ショートカットも利用可能です。
「Control/Command + C」で色情報をコピーすることが
出来ます。

今回はブラウザでカラーを確認することができる
「Chroma」をご紹介させて頂きました。

サクッと色コードが知りたい場合などに
とても便利に使うことが出来ると思いますので、
是非一度チェックしてみて下さいね。

mt

起業初年度1000万円、その後ゆるやかに年商3000万円までを目標に起業に向けて一歩を踏み出したい方向けの起業専門メルマガです。最新のノウハウを始め、セミナーや限定サービスのご案内をご希望の方は今すぐ下記フォームより、メインで使っているメールアドレスをご登録下さい。家族との時間を大切にしながら自由自在に収入を増やせる起業家になる方法を余すことなくお伝えいたします。

メールアドレス(必須)

コミュニティ