Is my data safe with HTMLカラーコード?

HTMLカラーコード is designed for privacy-conscious use. Review the tool's inputs and outputs, and avoid entering secrets or confidential material unless the workflow is appropriate for that data.

Is HTMLカラーコード suitable for production use?

HTMLカラーコード is designed to produce standards-compliant output. Review and validate the result against your project's requirements before using it in production.

Does HTMLカラーコード work on mobile?

Yes, HTMLカラーコード is responsive and works on smartphones, tablets, and desktops with a modern web browser.

開発者向け

HTMLカラーコード

HTMLカラーコードを検索し、HEX/RGB/HSL/CMYK間で変換し、コントラスト比を確認します。

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

HSV

hsv(217, 76%, 96%)

CMYK

cmyk(76%, 47%, 0%, 4%)

最も近い名前付きカラー: Royal Blue#4169E1

コントラスト

白地3.68:1

WCAG AA不合格WCAG AAA不合格

黒地5.71:1

WCAG AA合格WCAG AAA不合格

ティント（明るく）

シェード（暗く）

カラーハーモニー

補色

類似色

トライアド

スプリット補色

Red#FF0000rgb(255, 0, 0)

Dark Red#8B0000rgb(139, 0, 0)

Firebrick#B22222rgb(178, 34, 34)

Crimson#DC143Crgb(220, 20, 60)

Tomato#FF6347rgb(255, 99, 71)

Indian Red#CD5C5Crgb(205, 92, 92)

Light Coral#F08080rgb(240, 128, 128)

Salmon#FA8072rgb(250, 128, 114)

Dark Salmon#E9967Argb(233, 150, 122)

Light Salmon#FFA07Argb(255, 160, 122)

Coral#FF7F50rgb(255, 127, 80)

Orange Red#FF4500rgb(255, 69, 0)

Orange#FFA500rgb(255, 165, 0)

Dark Orange#FF8C00rgb(255, 140, 0)

Yellow#FFFF00rgb(255, 255, 0)

Gold#FFD700rgb(255, 215, 0)

Light Yellow#FFFFE0rgb(255, 255, 224)

Lemon Chiffon#FFFACDrgb(255, 250, 205)

Light Goldenrod Yellow#FAFAD2rgb(250, 250, 210)

Papaya Whip#FFEFD5rgb(255, 239, 213)

Moccasin#FFE4B5rgb(255, 228, 181)

Peach Puff#FFDAB9rgb(255, 218, 185)

Pale Goldenrod#EEE8AArgb(238, 232, 170)

Khaki#F0E68Crgb(240, 230, 140)

Dark Khaki#BDB76Brgb(189, 183, 107)

Goldenrod#DAA520rgb(218, 165, 32)

Dark Goldenrod#B8860Brgb(184, 134, 11)

Green#008000rgb(0, 128, 0)

Lime#00FF00rgb(0, 255, 0)

Lime Green#32CD32rgb(50, 205, 50)

Forest Green#228B22rgb(34, 139, 34)

Dark Green#006400rgb(0, 100, 0)

Sea Green#2E8B57rgb(46, 139, 87)

Medium Sea Green#3CB371rgb(60, 179, 113)

Spring Green#00FF7Frgb(0, 255, 127)

Medium Spring Green#00FA9Argb(0, 250, 154)

Pale Green#98FB98rgb(152, 251, 152)

Light Green#90EE90rgb(144, 238, 144)

Dark Sea Green#8FBC8Frgb(143, 188, 143)

Olive Drab#6B8E23rgb(107, 142, 35)

Olive#808000rgb(128, 128, 0)

Dark Olive Green#556B2Frgb(85, 107, 47)

Yellow Green#9ACD32rgb(154, 205, 50)

Chartreuse#7FFF00rgb(127, 255, 0)

Lawn Green#7CFC00rgb(124, 252, 0)

Green Yellow#ADFF2Frgb(173, 255, 47)

Teal#008080rgb(0, 128, 128)

Dark Cyan#008B8Brgb(0, 139, 139)

Medium Aquamarine#66CDAArgb(102, 205, 170)

Aquamarine#7FFFD4rgb(127, 255, 212)

Light Sea Green#20B2AArgb(32, 178, 170)

Blue#0000FFrgb(0, 0, 255)

Dark Blue#00008Brgb(0, 0, 139)

Navy#000080rgb(0, 0, 128)

Royal Blue#4169E1rgb(65, 105, 225)

Steel Blue#4682B4rgb(70, 130, 180)

Cornflower Blue#6495EDrgb(100, 149, 237)

Light Blue#ADD8E6rgb(173, 216, 230)

Powder Blue#B0E0E6rgb(176, 224, 230)

Light Steel Blue#B0C4DErgb(176, 196, 222)

Sky Blue#87CEEBrgb(135, 206, 235)

Light Sky Blue#87CEFArgb(135, 206, 250)

Deep Sky Blue#00BFFFrgb(0, 191, 255)

Dodger Blue#1E90FFrgb(30, 144, 255)

Cadet Blue#5F9EA0rgb(95, 158, 160)

Medium Blue#0000CDrgb(0, 0, 205)

Midnight Blue#191970rgb(25, 25, 112)

Aqua#00FFFFrgb(0, 255, 255)

Cyan#00FFFFrgb(0, 255, 255)

Light Cyan#E0FFFFrgb(224, 255, 255)

Turquoise#40E0D0rgb(64, 224, 208)

Medium Turquoise#48D1CCrgb(72, 209, 204)

Dark Turquoise#00CED1rgb(0, 206, 209)

Pale Turquoise#AFEEEErgb(175, 238, 238)

Alice Blue#F0F8FFrgb(240, 248, 255)

Purple#800080rgb(128, 0, 128)

Indigo#4B0082rgb(75, 0, 130)

Violet#EE82EErgb(238, 130, 238)

Dark Violet#9400D3rgb(148, 0, 211)

Blue Violet#8A2BE2rgb(138, 43, 226)

Medium Purple#9370DBrgb(147, 112, 219)

Slate Blue#6A5ACDrgb(106, 90, 205)

Medium Slate Blue#7B68EErgb(123, 104, 238)

Dark Slate Blue#483D8Brgb(72, 61, 139)

Dark Orchid#9932CCrgb(153, 50, 204)

Orchid#DA70D6rgb(218, 112, 214)

Medium Orchid#BA55D3rgb(186, 85, 211)

Plum#DDA0DDrgb(221, 160, 221)

Lavender#E6E6FArgb(230, 230, 250)

Thistle#D8BFD8rgb(216, 191, 216)

Fuchsia#FF00FFrgb(255, 0, 255)

Magenta#FF00FFrgb(255, 0, 255)

Dark Magenta#8B008Brgb(139, 0, 139)

Rebecca Purple#663399rgb(102, 51, 153)

Pink#FFC0CBrgb(255, 192, 203)

Hot Pink#FF69B4rgb(255, 105, 180)

Deep Pink#FF1493rgb(255, 20, 147)

Light Pink#FFB6C1rgb(255, 182, 193)

Medium Violet Red#C71585rgb(199, 21, 133)

Pale Violet Red#DB7093rgb(219, 112, 147)

Misty Rose#FFE4E1rgb(255, 228, 225)

Brown#A52A2Argb(165, 42, 42)

Sienna#A0522Drgb(160, 82, 45)

Saddle Brown#8B4513rgb(139, 69, 19)

Chocolate#D2691Ergb(210, 105, 30)

Peru#CD853Frgb(205, 133, 63)

Burlywood#DEB887rgb(222, 184, 135)

Sandy Brown#F4A460rgb(244, 164, 96)

Tan#D2B48Crgb(210, 180, 140)

Maroon#800000rgb(128, 0, 0)

Rosy Brown#BC8F8Frgb(188, 143, 143)

Wheat#F5DEB3rgb(245, 222, 179)

Navajo White#FFDEADrgb(255, 222, 173)

Bisque#FFE4C4rgb(255, 228, 196)

Blanched Almond#FFEBCDrgb(255, 235, 205)

Cornsilk#FFF8DCrgb(255, 248, 220)

Gray#808080rgb(128, 128, 128)

Dark Gray#A9A9A9rgb(169, 169, 169)

Dim Gray#696969rgb(105, 105, 105)

Light Gray#D3D3D3rgb(211, 211, 211)

Light Slate Gray#778899rgb(119, 136, 153)

Slate Gray#708090rgb(112, 128, 144)

Dark Slate Gray#2F4F4Frgb(47, 79, 79)

Gainsboro#DCDCDCrgb(220, 220, 220)

Silver#C0C0C0rgb(192, 192, 192)

Grey#808080rgb(128, 128, 128)

Dark Grey#A9A9A9rgb(169, 169, 169)

Dim Grey#696969rgb(105, 105, 105)

Light Grey#D3D3D3rgb(211, 211, 211)

Light Slate Grey#778899rgb(119, 136, 153)

Slate Grey#708090rgb(112, 128, 144)

Dark Slate Grey#2F4F4Frgb(47, 79, 79)

White#FFFFFFrgb(255, 255, 255)

Snow#FFFAFArgb(255, 250, 250)

Ivory#FFFFF0rgb(255, 255, 240)

Floral White#FFFAF0rgb(255, 250, 240)

Ghost White#F8F8FFrgb(248, 248, 255)

Old Lace#FDF5E6rgb(253, 245, 230)

Linen#FAF0E6rgb(250, 240, 230)

Antique White#FAEBD7rgb(250, 235, 215)

White Smoke#F5F5F5rgb(245, 245, 245)

Seashell#FFF5EErgb(255, 245, 238)

Beige#F5F5DCrgb(245, 245, 220)

Mint Cream#F5FFFArgb(245, 255, 250)

Azure#F0FFFFrgb(240, 255, 255)

Honeydew#F0FFF0rgb(240, 255, 240)

Lavender Blush#FFF0F5rgb(255, 240, 245)

Black#000000rgb(0, 0, 0)

HTMLカラーコードについて

HTMLカラーコードはWeb開発で色を指定するために使用されます。

すべての開発者向けツールを見る

使い方

カラーピッカーを使用するか、hexコードを入力してください。

主な使用例

CSS用の正しいカラーコードを見つける
異なる形式間で色を変換する
色のアクセシビリティとWCAG準拠を確認する
調和のとれたカラーパレットを生成する
CSS名前付きカラーを調べる

HTMLカラーコードの使い方息抜きに無料のブラウザゲームをプレイしましょう

すべての投稿

c/tools_html-color-codes0

すべて見る投稿を作成

Frequently Asked Questions About HTMLカラーコード

What is HTMLカラーコード?

HTMLカラーコード is a free online tool on akousa.net, a platform with 559+ browser-based utilities. HTMLカラーコードを検索し、HEX/RGB/HSL/CMYK間で変換し、コントラスト比を確認します。 No installation is required.

How do I use HTMLカラーコード?

Simply open HTMLカラーコード on akousa.net, enter or upload your data, configure any options, and click the action button. Results appear instantly in your browser.

Is HTMLカラーコード free?

Yes, the core HTMLカラーコード experience is free to use without signup. All 559+ tools remain available for everyday use, while Akousa Pro adds optional premium platform features and ad-free browsing.