CSS 色彩選擇器
CSS色彩選擇器可讓您將色彩值插入CSS色彩屬性。 它包含標準的調色盤的色彩並使用標準的色彩名稱、 雜湊程式碼,而 RGB、 RGBA、 HSL 和 HSLA 的色彩值,並顯示最近使用的色彩清單。 預設情況下,色彩選擇器中輸入十六進位值。 若要變更此設定,請參閱選項對話方塊、文字編輯器、CSS、格式。
選擇一種色彩
色彩選擇器具有色軸及色彩畫面。 色軸永遠是第一次被存取。
若要顯示 [色彩] 列
鍵入任何所需的色彩值的CSS屬性(例如, 色彩:, rgb (, rgba (, hsl (, hsla (,或#)。
若要存取色軸,使用鍵盤,請將資料指標置於樣式表的現有色彩並按下 Ctrl J 或 Ctrl 空格。
在空白樣式表中,[色彩] 列會顯示預設棧板。 在樣式表的現有色彩中,[色彩] 列會顯示一份最近使用過的色彩。
從 [色彩] 列中選擇色彩
按一下其中一種色彩,在 [色彩] 列中,或按向下鍵,輸入 [色彩] 列,然後使用向左鍵或向右箭號鍵來選取一種色彩。
樣式表中,在您要選擇不同的色彩,將會變更屬性值。
若要查看其他色彩,在 [色彩] 列中,按一下 [左邊距離] 和 [向右箭號,或使用箭頭鍵來移動 [色彩] 列上的左、 右。
按 ENTER 鍵來指派您選擇了 [CSS] 色彩屬性的色彩。
若要從 [色彩] 畫面中選擇 [自訂色彩
若要顯示 [色彩] 畫面,選擇右邊的 [色彩] 列上的加號 (+),或按鍵盤上的向下的方向鍵,只有看得見色軸時,一次或兩次。
請執行下列一或多項動作。
您可以使用滑鼠從螢幕中選取色彩。
向上或向下移動右邊的滑桿,以變更色彩。
移動滑動軸下方,向左或向右變更不透明度。 將 RGBA 或 HSLA 格式中輸入的值。
選擇挑選 ,將指標變更為 [取色滴管] 工具。 當您移動指標,將可預覽選擇的色彩。
當您變更色彩與任何一種方法時,原來的色彩會顯示在原始 ] 方塊中,選擇的色彩會出現在 新增樣式表上預覽] 方塊中,與CSS色彩屬性的值。
按 ENTER 鍵來指派您選擇了 [CSS] 色彩屬性的色彩。
注意事項 |
---|
您所選的色彩會顯示使用您監視器的顯示設定,並在另一部監視器上不同的外觀。 |
新增
顯示的色彩,已選取 [在對話方塊中,但其中有尚未指派CSS規則。原始
顯示目前指派給CSS規則的色彩。Opacity
往右移以增加的色彩、 不透明度,或向左滑動按鈕以減少它。注意事項 因為沒有標準的十六進位格式的不透明度的表示,色彩選擇器會輸入 RGBA 或 HSLA 的值,當您調整不透明度。
Pick
變更色彩選擇工具,可讓您選取任何指標色彩] 畫面,則指派它CSS屬性。 當您移動指標在螢幕上時,可預覽中的色彩對應至指標位置新增 ] 方塊中和CSS相關的值色彩樣式表上的屬性變更。