Tool Hub

CSS 色名

148個のCSS命名色 + HEX/RGB/HSL変換

148 colors

aliceblue

antiquewhite

aqua

aquamarine

azure

beige

bisque

black

blanchedalmond

blue

blueviolet

brown

burlywood

cadetblue

chartreuse

chocolate

coral

cornflowerblue

cornsilk

crimson

cyan

darkblue

darkcyan

darkgoldenrod

darkgray

darkgreen

darkgrey

darkkhaki

darkmagenta

darkolivegreen

darkorange

darkorchid

darkred

darksalmon

darkseagreen

darkslateblue

darkslategray

darkslategrey

darkturquoise

darkviolet

deeppink

deepskyblue

dimgray

dimgrey

dodgerblue

firebrick

floralwhite

forestgreen

fuchsia

gainsboro

ghostwhite

gold

goldenrod

gray

green

greenyellow

grey

honeydew

hotpink

indianred

indigo

ivory

khaki

lavender

lavenderblush

lawngreen

lemonchiffon

lightblue

lightcoral

lightcyan

lightgoldenrodyellow

lightgray

lightgreen

lightgrey

lightpink

lightsalmon

lightseagreen

lightskyblue

lightslategray

lightslategrey

lightsteelblue

lightyellow

lime

limegreen

linen

magenta

maroon

mediumaquamarine

mediumblue

mediumorchid

mediumpurple

mediumseagreen

mediumslateblue

mediumspringgreen

mediumturquoise

mediumvioletred

midnightblue

mintcream

mistyrose

moccasin

navajowhite

navy

oldlace

olive

olivedrab

orange

orangered

orchid

palegoldenrod

palegreen

paleturquoise

palevioletred

papayawhip

peachpuff

peru

pink

plum

powderblue

purple

rebeccapurple

red

rosybrown

royalblue

saddlebrown

salmon

sandybrown

seagreen

seashell

sienna

silver

skyblue

slateblue

slategray

slategrey

snow

springgreen

steelblue

tan

teal

thistle

tomato

turquoise

violet

wheat

white

whitesmoke

yellow

yellowgreen

使い方

  1. 色の名前、hex 値、または rgb/hsl 文字列を検索フィールドに入力して、148 の CSS 名前付き色をフィルタリングします。
  2. フィールドを空のままにして、グリッドのすべての名前付き色を閲覧します。
  3. 任意のカードの HEX、RGB、または HSL コピーボタンをクリックして、その形式をクリップボードにコピーします。
  4. 特定の検索をブックマークまたは送信するには、共有リンクを使用します。

  • 「blue」を検索すると、blue、cornflowerblue、royalblue、steelblue などの 14 個の一致が hex と RGB の値で返されます。
  • 「#ff6347」を検索すると、正確な名前付き色の一致として tomato が返されます。

本番環境で使用する前に出力を検証してください。保証なし — 詳細は 利用規約.