Chrome DevTools：カラーピッカー

Chrome DevToolsのカラーコードの横にある小さな色付きのアイコンをクリックすると、素敵なカラーピッカーが表示されます。 これは、デザインに最適な色を選択して遊ぶのに非常に便利です。 デフォルトでは、スポイトもアクティブになります。つまり、現在のページで任意の色をサンプリングできます。

カラーモードを変更する

HEX、RGBA、HSLAの間でカラーモードを簡単に変更することもできます。

色相と不透明度で遊ぶ

次に、さまざまな色相と不透明度レベルで遊ぶことができます。

カラーパレット

そして最後に、カラーパレットにアクセスできます。 デフォルトでは、ページの色がパレットに表示されますが、カスタムカラーパレットを作成するか、マテリアルデザインのカラーパレットを使用できます。