BracketsでCSSの色コードを簡単にRGB(a)、Hex、HSLaに相互に簡単に変換する方法

BracketsでCSSの色コードを簡単にRGB(a)、Hex、HSLaに相互に簡単に変換する方法
このエントリーをはてなブックマークに追加
PR

Bracketsでは色コードでクイック編集をすると、カラーパレット等のツールが表示されます、そこの機能を使うことで簡単に色コードをそれぞれ相互に変換することができます

 

BracketsでCSSの色コードを変換する

まずはCSSファイルを開いて変換したい色コードにマウスカーソルを当てます

BracketsでCSSの色コードを簡単にRGB(a)、Hex、HSLaに相互に簡単に変換する方法 (2)

右クリックから、クイック編集を選びます。カーソル合わせた状態でCTRL+Eでもクイック編集になります

 

 

BracketsでCSSの色コードを簡単にRGB(a)、Hex、HSLaに相互に簡単に変換する方法 (3)

カラーパレットが表示されている画面が出てきます、そこの下にあるボタンで色を変換できます

BracketsでCSSの色コードを簡単にRGB(a)、Hex、HSLaに相互に簡単に変換する方法 (4)

 

 

BracketsでCSSの色コードを簡単にRGB(a)、Hex、HSLaに相互に簡単に変換する方法 (1)

ボタンを押すと色がそのコードに変換されます、変換されたコードはすでにCSSに適応されています
透明度がゼロの場合、RGBaのボタンをクリックするとRBGになります

外部の変換ツール等を使わなくても、Brackets内で完結できるのでとても便利です

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)