カラーピッカー
上記のカラーパレットを使用して、好きな色を選択し、調整して、選択した色の16進数値、RGB値、HSL値、CMYK値を取得し、それらを相互に変換することができます。同時に、対応するHTML、CSS、SCSSスタイルを生成することもサポートします。
上記のカラーパレットを使用して、好きな色を選択し、調整して、選択した色の16進数値、RGB値、HSL値、CMYK値を取得し、それらを相互に変換することができます。同時に、対応するHTML、CSS、SCSSスタイルを生成することもサポートします。
ここにはいくつかの一般的でエレガントな色が例示されています。フラットデザインスタイルを採用し、GoogleのMaterialデザインカラースキームを使用する場合、またはWebセーフカラーの使用に重点を置く場合は、こちらの色を選択できます。
色 | 色名 | 16進数コード | RGB値 |
---|---|---|---|
白色 | #FFFFFF | rgb(255, 255, 255) | |
シルバー | #C0C0C0 | rgb(192, 192, 192) | |
グレー | #808080 | rgb(128, 128, 128) | |
黒色 | #000000 | rgb(0, 0, 0) | |
赤色 | #FF0000 | rgb(255, 0, 0) | |
赤褐色 | #800000 | rgb(128, 0, 0) | |
黄色 | #FFFF00 | rgb(255, 255, 0) | |
オリーブグリーン | #808000 | rgb(128, 128, 0) | |
黄緑色 | #00FF00 | rgb(0, 255, 0) | |
緑色 | #008000 | rgb(0, 128, 0) | |
ライトグリーン | #00FFFF | rgb(0, 255, 255) | |
シアン | #008080 | rgb(0, 128, 128) | |
ティール | #0000FF | rgb(0, 0, 255) | |
ダークブルー | #000080 | rgb(0, 0, 128) | |
紫紅色 | #FF00FF | rgb(255, 0, 255)) | |
紫色 | #800080 | rgb(128, 0, 128)) |