カラーピッカー
上記のカラーパレットを使用して、好きな色を選択し、調整して、選択した色の16進数値、RGB値、HSL値、CMYK値を取得し、それらを相互に変換することができます。同時に、対応するHTML、CSS、SCSSスタイルを生成することもサポートします。
カラーチャート / カラースキーム
ここにはいくつかの一般的でエレガントな色が例示されています。フラットデザインスタイルを採用し、GoogleのMaterialデザインカラースキームを使用する場合、またはWebセーフカラーの使用に重点を置く場合は、こちらの色を選択できます。
HTML / CSSでよく使用される色のリスト
| 色 | 色名 | 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)) |