RGB顏色值16進位
「顏色值轉換是一款RGB顏色與16進位色互轉工具,十六進位轉RGB,顏色轉換,轉換即時輸入即時產生對應的色值。
顏色值
輸入範例(大小寫不敏感):
#707B7C
#AAF7DC6F
rgb(72,201,176)
rgba(241,148,138,0.5)
hsl(204,70%,63%)
|
預覽 |
格式 |
轉換結果 |
| HEX | #6c928c |
| RGB | rgb(108,146,140) |
| RGBA | rgba(108,146,140,1.000) |
| ARGB | #ff6c928c |
| HSL | hsl(171,15%,50%) |
CSS色表
HTML 和 CSS 顏色規格中定義了 147 中顏色名稱（17 種標準顏色加 130 種其他顏色）。下面的表格中列出了所有這些顏色，以及它們的十六進位值。
17 種標準色是aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,olive, orange, purple, red, silver, teal, white, yellow。
gray
| 顏色名 | 預覽 | HEX | RGB | HSL |
|---|
| gainsboro | | #dcdcdc | 220, 220, 220 | 0, 0%, 86% |
| lightgray | | #d3d3d3 | 211, 211, 211 | 0, 0%, 83% |
| silver | | #c0c0c0 | 192, 192, 192 | 0, 0%, 75% |
| darkgray | | #a9a9a9 | 169, 169, 169 | 0, 0%, 66% |
| gray | | #808080 | 128, 128, 128 | 0, 0%, 50% |
| dimgray | | #696969 | 105, 105, 105 | 0, 0%, 41% |
| lightslategray | | #778899 | 119, 136, 153 | 210, 14%, 53% |
| slategray | | #708090 | 112, 128, 144 | 210, 13%, 50% |
| darkslategray | | #2f4f4f | 47, 79, 79 | 180, 25%, 25% |
| black | | #000000 | 0, 0, 0 | 0, 0%, 0% |
red
| 顏色名 | 預覽 | HEX | RGB | HSL |
|---|
| indianred | | #cd5c5c | 205, 92, 92 | 0, 53%, 58% |
| lightcoral | | #f08080 | 240, 128, 128 | 0, 79%, 72% |
| salmon | | #fa8072 | 250, 128, 114 | 6, 93%, 71% |
| darksalmon | | #e9967a | 233, 150, 122 | 15, 72%, 70% |
| lightsalmon | | #ffa07a | 255, 160, 122 | 17, 100%, 74% |
| crimson | | #dc143c | 220, 20, 60 | 348, 83%, 47% |
| red | | #ff0000 | 255, 0, 0 | 0, 100%, 50% |
| firebrick | | #b22222 | 178, 34, 34 | 0, 68%, 42% |
| darkred | | #8b0000 | 139, 0, 0 | 0, 100%, 27% |
orange
| 顏色名 | 預覽 | HEX | RGB | HSL |
|---|
| lightsalmon | | #ffa07a | 255, 160, 122 | 17, 100%, 74% |
| coral | | #ff7f50 | 255, 127, 80 | 16, 100%, 66% |
| tomato | | #ff6347 | 255, 99, 71 | 9, 100%, 64% |
| orangered | | #ff4500 | 255, 69, 0 | 16, 100%, 50% |
| darkorange | | #ff8c00 | 255, 140, 0 | 33, 100%, 50% |
| orange | | #ffa500 | 255, 165, 0 | 39, 100%, 50% |
brown
| 顏色名 | 預覽 | HEX | RGB | HSL |
|---|
| cornsilk | | #fff8dc | 255, 248, 220 | 48, 100%, 93% |
| blanchedalmond | | #ffebcd | 255, 235, 205 | 36, 100%, 90% |
| bisque | | #ffe4c4 | 255, 228, 196 | 33, 100%, 88% |
| navajowhite | | #ffdead | 255, 222, 173 | 36, 100%, 84% |
| wheat | | #f5deb3 | 245, 222, 179 | 39, 77%, 83% |
| burlywood | | #deb887 | 222, 184, 135 | 34, 57%, 70% |
| tan | | #d2b48c | 210, 180, 140 | 34, 44%, 69% |
| rosybrown | | #bc8f8f | 188, 143, 143 | 0, 25%, 65% |
| sandybrown | | #f4a460 | 244, 164, 96 | 28, 87%, 67% |
| goldenrod | | #daa520 | 218, 165, 32 | 43, 74%, 49% |
| darkgoldenrod | | #b8860b | 184, 134, 11 | 43, 89%, 38% |
| peru | | #cd853f | 205, 133, 63 | 30, 59%, 53% |
| chocolate | | #d2691e | 210, 105, 30 | 25, 75%, 47% |
| saddlebrown | | #8b4513 | 139, 69, 19 | 25, 76%, 31% |
| sienna | | #a0522d | 160, 82, 45 | 19, 56%, 40% |
| brown | | #a52a2a | 165, 42, 42 | 0, 59%, 41% |
| maroon | | #800000 | 128, 0, 0 | 0, 100%, 25% |
blue
| 顏色名 | 預覽 | HEX | RGB | HSL |
|---|
| aqua | | #00ffff | 0, 255, 255 | 180, 100%, 50% |
| cyan | | #00ffff | 0, 255, 255 | 180, 100%, 50% |
| lightcyan | | #e0ffff | 224, 255, 255 | 180, 100%, 94% |
| paleturquoise | | #afeeee | 175, 238, 238 | 180, 65%, 81% |
| aquamarine | | #7fffd4 | 127, 255, 212 | 160, 100%, 75% |
| turquoise | | #40e0d0 | 64, 224, 208 | 174, 72%, 56% |
| mediumturquoise | | #48d1cc | 72, 209, 204 | 178, 60%, 55% |
| darkturquoise | | #00ced1 | 0, 206, 209 | 181, 100%, 41% |
| cadetblue | | #5f9ea0 | 95, 158, 160 | 182, 25%, 50% |
| steelblue | | #4682b4 | 70, 130, 180 | 207, 44%, 49% |
| lightsteelblue | | #b0c4de | 176, 196, 222 | 214, 41%, 78% |
| powderblue | | #b0e0e6 | 176, 224, 230 | 187, 52%, 80% |
| lightblue | | #add8e6 | 173, 216, 230 | 195, 53%, 79% |
| skyblue | | #87ceeb | 135, 206, 235 | 197, 71%, 73% |
| lightskyblue | | #87cefa | 135, 206, 250 | 203, 92%, 75% |
| deepskyblue | | #00bfff | 0, 191, 255 | 195, 100%, 50% |
| dodgerblue | | #1e90ff | 30, 144, 255 | 210, 100%, 56% |
| cornflowerblue | | #6495ed | 100, 149, 237 | 219, 79%, 66% |
| mediumslateblue | | #7b68ee | 123, 104, 238 | 249, 80%, 67% |
| royalblue | | #4169e1 | 65, 105, 225 | 225, 73%, 57% |
| blue | | #0000ff | 0, 0, 255 | 240, 100%, 50% |
| mediumblue | | #0000cd | 0, 0, 205 | 240, 100%, 40% |
| darkblue | | #00008b | 0, 0, 139 | 240, 100%, 27% |
| navy | | #000080 | 0, 0, 128 | 240, 100%, 25% |
| midnightblue | | #191970 | 25, 25, 112 | 240, 64%, 27% |
green
| 顏色名 | 預覽 | HEX | RGB | HSL |
|---|
| greenyellow | | #adff2f | 173, 255, 47 | 84, 100%, 59% |
| chartreuse | | #7fff00 | 127, 255, 0 | 90, 100%, 50% |
| lawngreen | | #7cfc00 | 124, 252, 0 | 90, 100%, 49% |
| lime | | #00ff00 | 0, 255, 0 | 120, 100%, 50% |
| limegreen | | #32cd32 | 50, 205, 50 | 120, 61%, 50% |
| palegreen | | #98fb98 | 152, 251, 152 | 120, 93%, 79% |
| lightgreen | | #90ee90 | 144, 238, 144 | 120, 73%, 75% |
| mediumspringgreen | | #00fa9a | 0, 250, 154 | 157, 100%, 49% |
| springgreen | | #00ff7f | 0, 255, 127 | 150, 100%, 50% |
| mediumseagreen | | #3cb371 | 60, 179, 113 | 147, 50%, 47% |
| seagreen | | #2e8b57 | 46, 139, 87 | 146, 50%, 36% |
| forestgreen | | #228b22 | 34, 139, 34 | 120, 61%, 34% |
| green | | #008000 | 0, 128, 0 | 120, 100%, 25% |
| darkgreen | | #006400 | 0, 100, 0 | 120, 100%, 20% |
| yellowgreen | | #9acd32 | 154, 205, 50 | 80, 61%, 50% |
| olivedrab | | #6b8e23 | 107, 142, 35 | 80, 60%, 35% |
| olive | | #808000 | 128, 128, 0 | 60, 100%, 25% |
| darkolivegreen | | #556b2f | 85, 107, 47 | 82, 39%, 30% |
| mediumaquamarine | | #66cdaa | 102, 205, 170 | 160, 51%, 60% |
| darkseagreen | | #8fbc8b | 143, 188, 139 | 115, 27%, 64% |
| lightseagreen | | #20b2aa | 32, 178, 170 | 177, 70%, 41% |
| darkcyan | | #008b8b | 0, 139, 139 | 180, 100%, 27% |
| teal | | #008080 | 0, 128, 128 | 180, 100%, 25% |
pink
| 顏色名 | 預覽 | HEX | RGB | HSL |
|---|
| pink | | #ffc0cb | 255, 192, 203 | 350, 100%, 88% |
| lightpink | | #ffb6c1 | 255, 182, 193 | 351, 100%, 86% |
| hotpink | | #ff69b4 | 255, 105, 180 | 330, 100%, 71% |
| deeppink | | #ff1493 | 255, 20, 147 | 328, 100%, 54% |
| mediumvioletred | | #c71585 | 199, 21, 133 | 322, 81%, 43% |
| palevioletred | | #db7093 | 219, 112, 147 | 340, 60%, 65% |
purple
| 顏色名 | 預覽 | HEX | RGB | HSL |
|---|
| lavender | | #e6e6fa | 230, 230, 250 | 240, 67%, 94% |
| thistle | | #d8bfd8 | 216, 191, 216 | 300, 24%, 80% |
| plum | | #dda0dd | 221, 160, 221 | 300, 47%, 75% |
| violet | | #ee82ee | 238, 130, 238 | 300, 76%, 72% |
| orchid | | #da70d6 | 218, 112, 214 | 302, 59%, 65% |
| fuchsia | | #ff00ff | 255, 0, 255 | 300, 100%, 50% |
| magenta | | #ff00ff | 255, 0, 255 | 300, 100%, 50% |
| mediumorchid | | #ba55d3 | 186, 85, 211 | 288, 59%, 58% |
| mediumpurple | | #9370db | 147, 112, 219 | 260, 60%, 65% |
| rebeccapurple | | #663399 | 102, 51, 153 | 270, 50%, 40% |
| blueviolet | | #8a2be2 | 138, 43, 226 | 271, 76%, 53% |
| darkviolet | | #9400d3 | 148, 0, 211 | 282, 100%, 41% |
| darkorchid | | #9932cc | 153, 50, 204 | 280, 61%, 50% |
| darkmagenta | | #8b008b | 139, 0, 139 | 300, 100%, 27% |
| purple | | #800080 | 128, 0, 128 | 300, 100%, 25% |
| indigo | | #4b0082 | 75, 0, 130 | 275, 100%, 25% |
| slateblue | | #6a5acd | 106, 90, 205 | 248, 53%, 58% |
| darkslateblue | | #483d8b | 72, 61, 139 | 248, 39%, 39% |
| mediumslateblue | | #7b68ee | 123, 104, 238 | 249, 80%, 67% |
white
| 顏色名 | 預覽 | HEX | RGB | HSL |
|---|
| white | | #ffffff | 255, 255, 255 | 0, 0%, 100% |
| snow | | #fffafa | 255, 250, 250 | 0, 100%, 99% |
| honeydew | | #f0fff0 | 240, 255, 240 | 120, 100%, 97% |
| mintcream | | #f5fffa | 245, 255, 250 | 150, 100%, 98% |
| azure | | #f0ffff | 240, 255, 255 | 180, 100%, 97% |
| aliceblue | | #f0f8ff | 240, 248, 255 | 208, 100%, 97% |
| ghostwhite | | #f8f8ff | 248, 248, 255 | 240, 100%, 99% |
| whitesmoke | | #f5f5f5 | 245, 245, 245 | 0, 0%, 96% |
| seashell | | #fff5ee | 255, 245, 238 | 25, 100%, 97% |
| beige | | #f5f5dc | 245, 245, 220 | 60, 56%, 91% |
| oldlace | | #fdf5e6 | 253, 245, 230 | 39, 85%, 95% |
| floralwhite | | #fffaf0 | 255, 250, 240 | 40, 100%, 97% |
| ivory | | #fffff0 | 255, 255, 240 | 60, 100%, 97% |
| antiquewhite | | #faebd7 | 250, 235, 215 | 34, 78%, 91% |
| linen | | #faf0e6 | 250, 240, 230 | 30, 67%, 94% |
| lavenderblush | | #fff0f5 | 255, 240, 245 | 340, 100%, 97% |
| mistyrose | | #ffe4e1 | 255, 228, 225 | 6, 100%, 94% |
yellow
| 顏色名 | 預覽 | HEX | RGB | HSL |
|---|
| gold | | #ffd700 | 255, 215, 0 | 51, 100%, 50% |
| yellow | | #ffff00 | 255, 255, 0 | 60, 100%, 50% |
| lightyellow | | #ffffe0 | 255, 255, 224 | 60, 100%, 94% |
| lemonchiffon | | #fffacd | 255, 250, 205 | 54, 100%, 90% |
| lightgoldenrodyellow | | #fafad2 | 250, 250, 210 | 60, 80%, 90% |
| papayawhip | | #ffefd5 | 255, 239, 213 | 37, 100%, 92% |
| moccasin | | #ffe4b5 | 255, 228, 181 | 38, 100%, 85% |
| peachpuff | | #ffdab9 | 255, 218, 185 | 28, 100%, 86% |
| palegoldenrod | | #eee8aa | 238, 232, 170 | 55, 67%, 80% |
| khaki | | #f0e68c | 240, 230, 140 | 54, 77%, 75% |
| darkkhaki | | #bdb76b | 189, 183, 107 | 56, 38%, 58% |
