<abbr id="5ogqn"><strike id="5ogqn"></strike></abbr>
  • <strike id="5ogqn"></strike>
  • <rp id="5ogqn"><legend id="5ogqn"></legend></rp>
    <rp id="5ogqn"><video id="5ogqn"><object id="5ogqn"></object></video></rp>

    \n

    Brown H3 Heading<\/h3>\n

    Gainsboro colored paragraph text<\/p>\n<\/body><\/pre>\n

    2. Implementing in CSS<\/h4>\n
    h1 { color: Brown; }\np { color: Gainsboro; }<\/pre>\n

    Different HTML Color Codes<\/h3>\n

    Colors can be denoted by using their hex value or their name. HTML has support for the most common colors; in this article, I will share with you 140 names and hex values of these colors. One thing to keep in mind is that you don’t have to limit yourself to these colors; you can use any color picker tool to find the Hex value of any color you want and use it on your web page.<\/p>\n

    Now that you know what HTML Color Names are and how you can use them in your pages, here is a list of Color names with appropriate color codes:<\/p>\n

    1. Grey and Black HTML Color Names<\/h4>\n

    Grey and Black colors are, in most cases, perfect for the text color of the page as against a white background; these colors have the best readability. One interesting thing to keep in mind is that modern phones with OLED displays done need any battery power to display Black color; if your audience is going to be on mobile, it is a wise idea to use Black as a background color and white or other light colors as the foreground color.<\/p>\n

    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    Code<\/strong><\/td>\nColor<\/strong><\/td>\n<\/tr>\n
    #000000<\/strong><\/td>\nBlack<\/td>\n<\/tr>\n
    #0C090A<\/strong><\/td>\nNight<\/td>\n<\/tr>\n
    #2C3539<\/strong><\/td>\nGunmetal<\/td>\n<\/tr>\n
    #2B1B17<\/strong><\/td>\nMidnight<\/td>\n<\/tr>\n
    #34282C<\/strong><\/td>\nCharcoal<\/td>\n<\/tr>\n
    #25383C<\/strong><\/td>\nDark Slate Grey<\/td>\n<\/tr>\n
    #3B3131<\/strong><\/td>\nOil<\/td>\n<\/tr>\n
    #413839<\/strong><\/td>\nBlack Cat<\/td>\n<\/tr>\n
    #3D3C3A<\/strong><\/td>\nIridium<\/td>\n<\/tr>\n
    #463E3F<\/strong><\/td>\nBlack Eel<\/td>\n<\/tr>\n
    #4C4646<\/strong><\/td>\nBlack Cow<\/td>\n<\/tr>\n
    #504A4B<\/strong><\/td>\nGray Wolf<\/td>\n<\/tr>\n
    #565051<\/strong><\/td>\nVampire Gray<\/td>\n<\/tr>\n
    #5C5858<\/strong><\/td>\nGray Dolphin<\/td>\n<\/tr>\n
    #625D5D<\/strong><\/td>\nCarbon Gray<\/td>\n<\/tr>\n
    #666362<\/strong><\/td>\nAsh Gray<\/td>\n<\/tr>\n
    #6D6968<\/strong><\/td>\nCloudy Gray<\/td>\n<\/tr>\n
    #726E6D<\/strong><\/td>\nSmokey Gray<\/td>\n<\/tr>\n
    #736F6E<\/strong><\/td>\nGray<\/td>\n<\/tr>\n
    #837E7C<\/strong><\/td>\nGranite<\/td>\n<\/tr>\n
    #848482<\/strong><\/td>\nBattleship Gray<\/td>\n<\/tr>\n
    #B6B6B4<\/strong><\/td>\nGray Cloud<\/td>\n<\/tr>\n
    #D1D0CE<\/strong><\/td>\nGray Goose<\/td>\n<\/tr>\n
    #E5E4E2<\/strong><\/td>\nPlatinum<\/td>\n<\/tr>\n
    #BCC6CC<\/strong><\/td>\nMetallic Silver<\/td>\n<\/tr>\n
    #98AFC7<\/strong><\/td>\nBlue Gray<\/td>\n<\/tr>\n
    #6D7B8D<\/strong><\/td>\nLight Slate Gray<\/td>\n<\/tr>\n
    #657383<\/strong><\/td>\nSlate Gray<\/td>\n<\/tr>\n
    #616D7E<\/strong><\/td>\nJet Gray<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    2.藍(lán)色 HTML 顏色名稱<\/h4>\n

    藍(lán)色下劃線文本被視為鏈接,因為它是大多數(shù)網(wǎng)絡(luò)瀏覽器的默認(rèn)鏈接樣式,您應(yīng)該避免在頁面上的所有文本中使用藍(lán)色,因為訪問者可能會將其誤認(rèn)為是超鏈接。 <\/p>\n

    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    #646D7E<\/strong><\/td>\nMist Blue<\/td>\n<\/tr>\n
    #566D7E<\/strong><\/td>\nMarble Blue<\/td>\n<\/tr>\n
    #737CA1<\/strong><\/td>\nSlate Blue<\/td>\n<\/tr>\n
    #4863A0<\/strong><\/td>\nSteel Blue<\/td>\n<\/tr>\n
    #2B547E<\/strong><\/td>\nBlue Jay<\/td>\n<\/tr>\n
    #2B3856<\/strong><\/td>\nDark Slate Blue<\/td>\n<\/tr>\n
    #151B54<\/strong><\/td>\nMidnight Blue<\/td>\n<\/tr>\n
    #000080<\/strong><\/td>\nNavy Blue<\/td>\n<\/tr>\n
    #342D7E<\/strong><\/td>\nBlue Whale<\/td>\n<\/tr>\n
    #15317E<\/strong><\/td>\nLapis Blue<\/td>\n<\/tr>\n
    #151B8D<\/strong><\/td>\nDenim Dark Blue<\/td>\n<\/tr>\n
    #0000A0<\/strong><\/td>\nEarth Blue<\/td>\n<\/tr>\n
    #0020C2<\/strong><\/td>\nCobalt Blue<\/td>\n<\/tr>\n
    #0041C2<\/strong><\/td>\nBlueberry Blue<\/td>\n<\/tr>\n
    #2554C7<\/strong><\/td>\nSapphire Blue<\/td>\n<\/tr>\n
    #1569C7<\/strong><\/td>\nBlue Eyes<\/td>\n<\/tr>\n
    #2B60DE<\/strong><\/td>\nRoyal Blue<\/td>\n<\/tr>\n
    #1F45FC<\/strong><\/td>\nBlue Orchid<\/td>\n<\/tr>\n
    #6960EC<\/strong><\/td>\nBlue Lotus<\/td>\n<\/tr>\n
    #736AFF<\/strong><\/td>\nLight Slate Blue<\/td>\n<\/tr>\n
    #357EC7<\/strong><\/td>\nWindows Blue<\/td>\n<\/tr>\n
    #368BC1<\/strong><\/td>\nGlacial Blue Ice<\/td>\n<\/tr>\n
    #488AC7<\/strong><\/td>\nSilk Blue<\/td>\n<\/tr>\n
    #3090C7<\/strong><\/td>\nBlue Ivy<\/td>\n<\/tr>\n
    #659EC7<\/strong><\/td>\nBlue Koi<\/td>\n<\/tr>\n
    #87AFC7<\/strong><\/td>\nColumbia Blue<\/td>\n<\/tr>\n
    #95B9C7<\/strong><\/td>\nBaby Blue<\/td>\n<\/tr>\n
    #728FCE<\/strong><\/td>\nLight Steel Blue<\/td>\n<\/tr>\n
    #2B65EC<\/strong><\/td>\nOcean Blue<\/td>\n<\/tr>\n
    #306EFF<\/strong><\/td>\nBlue Ribbon<\/td>\n<\/tr>\n
    #157DEC<\/strong><\/td>\nBlue Dress<\/td>\n<\/tr>\n
    #1589FF<\/strong><\/td>\nDodger Blue<\/td>\n<\/tr>\n
    #6495ED<\/strong><\/td>\nCornflower Blue<\/td>\n<\/tr>\n
    #6698FF<\/strong><\/td>\nSky Blue<\/td>\n<\/tr>\n
    #38ACEC<\/strong><\/td>\nButterfly Blue<\/td>\n<\/tr>\n
    #56A5EC<\/strong><\/td>\nIceberg<\/td>\n<\/tr>\n
    #5CB3FF<\/strong><\/td>\nCrystal Blue<\/td>\n<\/tr>\n
    #3BB9FF<\/strong><\/td>\nDeep Sky Blue<\/td>\n<\/tr>\n
    #79BAEC<\/strong><\/td>\nDenim Blue<\/td>\n<\/tr>\n
    #82CAFA<\/strong><\/td>\nLight Sky Blue<\/td>\n<\/tr>\n
    #82CAFF<\/strong><\/td>\nDay Sky Blue<\/td>\n<\/tr>\n
    #A0CFEC<\/strong><\/td>\nJeans Blue<\/td>\n<\/tr>\n
    #B7CEEC<\/strong><\/td>\nBlue Angel<\/td>\n<\/tr>\n
    #B4CFEC<\/strong><\/td>\nPastel Blue<\/td>\n<\/tr>\n
    #C2DFFF<\/strong><\/td>\nSea Blue<\/td>\n<\/tr>\n
    #C6DEFF<\/strong><\/td>\nPowder Blue<\/td>\n<\/tr>\n
    #AFDCEC<\/strong><\/td>\nCoral Blue<\/td>\n<\/tr>\n
    #ADDFFF<\/strong><\/td>\nLight Blue<\/td>\n<\/tr>\n
    #BDEDFF<\/strong><\/td>\nRobin Egg Blue<\/td>\n<\/tr>\n
    #CFECEC<\/strong><\/td>\nPale Blue Lily<\/td>\n<\/tr>\n
    #E0FFFF<\/strong><\/td>\nLight Cyan<\/td>\n<\/tr>\n
    #EBF4FA<\/strong><\/td>\nWater<\/td>\n<\/tr>\n
    #F0F8FF<\/strong><\/td>\nAliceBlue<\/td>\n<\/tr>\n
    #F0FFFF<\/strong><\/td>\nAzure<\/td>\n<\/tr>\n
    #CCFFFF<\/strong><\/td>\nLight Slate<\/td>\n<\/tr>\n
    #93FFE8<\/strong><\/td>\nLight Aquamarine<\/td>\n<\/tr>\n
    #9AFEFF<\/strong><\/td>\nElectric Blue<\/td>\n<\/tr>\n
    #7FFFD4<\/strong><\/td>\nAquamarine<\/td>\n<\/tr>\n
    #00FFFF<\/strong><\/td>\nCyan or Aqua<\/td>\n<\/tr>\n
    #7DFDFE<\/strong><\/td>\nTron Blue<\/td>\n<\/tr>\n
    #57FEFF<\/strong><\/td>\nBlue Zircon<\/td>\n<\/tr>\n
    #8EEBEC<\/strong><\/td>\nBlue Lagoon<\/td>\n<\/tr>\n
    #50EBEC<\/strong><\/td>\nCeleste<\/td>\n<\/tr>\n
    #4EE2EC<\/strong><\/td>\nBlue Diamond<\/td>\n<\/tr>\n
    #81D8D0<\/strong><\/td>\nTiffany Blue<\/td>\n<\/tr>\n
    #92C7C7<\/strong><\/td>\nCyan Opaque<\/td>\n<\/tr>\n
    #77BFC7<\/strong><\/td>\nBlue Hosta<\/td>\n<\/tr>\n
    #78C7C7<\/strong><\/td>\nNorthern Lights Blue<\/td>\n<\/tr>\n
    #48CCCD<\/strong><\/td>\nMedium Turquoise<\/td>\n<\/tr>\n
    #43C6DB<\/strong><\/td>\nTurquoise<\/td>\n<\/tr>\n
    #46C7C7<\/strong><\/td>\nJellyfish<\/td>\n<\/tr>\n
    #7BCCB5<\/strong><\/td>\nBlue green<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    3.綠色 HTML 顏色<\/h4>\n

    在與自然、金錢、環(huán)境等相關(guān)的網(wǎng)站上,綠色可以作為背景顏色的好選擇。 <\/p>\n

    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    #43BFC7<\/strong><\/td>\nMacaw Blue Green<\/td>\n<\/tr>\n
    #3EA99F<\/strong><\/td>\nLight Sea Green<\/td>\n<\/tr>\n
    #3B9C9C<\/strong><\/td>\nDark Turquoise<\/td>\n<\/tr>\n
    #438D80<\/strong><\/td>\nSea Turtle Green<\/td>\n<\/tr>\n
    #348781<\/strong><\/td>\nMedium Aquamarine<\/td>\n<\/tr>\n
    #307D7E<\/strong><\/td>\nGreenish Blue<\/td>\n<\/tr>\n
    #5E7D7E<\/strong><\/td>\nGrayish Turquoise<\/td>\n<\/tr>\n
    #4C787E<\/strong><\/td>\nBeetle Green<\/td>\n<\/tr>\n
    #008080<\/strong><\/td>\nTeal<\/td>\n<\/tr>\n
    #4E8975<\/strong><\/td>\nSea Green<\/td>\n<\/tr>\n
    #78866B<\/strong><\/td>\nCamouflage Green<\/td>\n<\/tr>\n
    #848b79<\/strong><\/td>\nSage Green<\/td>\n<\/tr>\n
    #617C58<\/strong><\/td>\nHazel Green<\/td>\n<\/tr>\n
    #728C00<\/strong><\/td>\nVenom Green<\/td>\n<\/tr>\n
    #667C26<\/strong><\/td>\nFern Green<\/td>\n<\/tr>\n
    #254117<\/strong><\/td>\nDark Forest Green<\/td>\n<\/tr>\n
    #306754<\/strong><\/td>\nMedium Sea Green<\/td>\n<\/tr>\n
    #347235<\/strong><\/td>\nMedium Forest Green<\/td>\n<\/tr>\n
    #437C17<\/strong><\/td>\nSeaweed Green<\/td>\n<\/tr>\n
    #387C44<\/strong><\/td>\nPine Green<\/td>\n<\/tr>\n
    #347C2C<\/strong><\/td>\nJungle Green<\/td>\n<\/tr>\n
    #347C17<\/strong><\/td>\nShamrock Green<\/td>\n<\/tr>\n
    #348017<\/strong><\/td>\nMedium Spring Green<\/td>\n<\/tr>\n
    #4E9258<\/strong><\/td>\nForest Green<\/td>\n<\/tr>\n
    #6AA121<\/strong><\/td>\nGreen Onion<\/td>\n<\/tr>\n
    #4AA02C<\/strong><\/td>\nSpring Green<\/td>\n<\/tr>\n
    #41A317<\/strong><\/td>\nLime Green<\/td>\n<\/tr>\n
    #3EA055<\/strong><\/td>\nClover Green<\/td>\n<\/tr>\n
    #6CBB3C<\/strong><\/td>\nGreen Snake<\/td>\n<\/tr>\n
    #6CC417<\/strong><\/td>\nAlien Green<\/td>\n<\/tr>\n
    #4CC417<\/strong><\/td>\nGreen Apple<\/td>\n<\/tr>\n
    #52D017<\/strong><\/td>\nYellow Green<\/td>\n<\/tr>\n
    #4CC552<\/strong><\/td>\nKelly Green<\/td>\n<\/tr>\n
    #54C571<\/strong><\/td>\nZombie Green<\/td>\n<\/tr>\n
    #99C68E<\/strong><\/td>\nFrog Green<\/td>\n<\/tr>\n
    #89C35C<\/strong><\/td>\nGreen Peas<\/td>\n<\/tr>\n
    #85BB65<\/strong><\/td>\nDollar Bill Green<\/td>\n<\/tr>\n
    #8BB381<\/strong><\/td>\nDark Sea Green<\/td>\n<\/tr>\n
    #9CB071<\/strong><\/td>\nIguana Green<\/td>\n<\/tr>\n
    #B2C248<\/strong><\/td>\nAvocado Green<\/td>\n<\/tr>\n
    #9DC209<\/strong><\/td>\nPistachio Green<\/td>\n<\/tr>\n
    #A1C935<\/strong><\/td>\nSalad Green<\/td>\n<\/tr>\n
    #7FE817<\/strong><\/td>\nHummingbird Green<\/td>\n<\/tr>\n
    #59E817<\/strong><\/td>\nNebula Green<\/td>\n<\/tr>\n
    #57E964<\/strong><\/td>\nStoplight Go Green<\/td>\n<\/tr>\n
    #64E986<\/strong><\/td>\nAlgae Green<\/td>\n<\/tr>\n
    #5EFB6E<\/strong><\/td>\nJade Green<\/td>\n<\/tr>\n
    #00FF00<\/strong><\/td>\nGreen<\/td>\n<\/tr>\n
    #5FFB17<\/strong><\/td>\nEmerald Green<\/td>\n<\/tr>\n
    #87F717<\/strong><\/td>\nLawn Green<\/td>\n<\/tr>\n
    #8AFB17<\/strong><\/td>\nChartreuse<\/td>\n<\/tr>\n
    #6AFB92<\/strong><\/td>\nDragon Green<\/td>\n<\/tr>\n
    #98FF98<\/strong><\/td>\nMint green<\/td>\n<\/tr>\n
    #B5EAAA<\/strong><\/td>\nGreen Thumb<\/td>\n<\/tr>\n
    #C3FDB8<\/strong><\/td>\nLight Jade<\/td>\n<\/tr>\n
    #CCFB5D<\/strong><\/td>\nTea Green<\/td>\n<\/tr>\n
    #B1FB17<\/strong><\/td>\nGreen Yellow<\/td>\n<\/tr>\n
    #BCE954<\/strong><\/td>\nSlime Green<\/td>\n<\/tr>\n
    #EDDA74<\/strong><\/td>\nGoldenrod<\/td>\n<\/tr>\n
    #EDE275<\/strong><\/td>\nHarvest Gold<\/td>\n<\/tr>\n
    #FFE87C<\/strong><\/td>\nSun Yellow<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    4.黃色 HTML 顏色名稱<\/h4>\n

    黃色可以用來營造一種不嚴(yán)肅的情緒,在頁面中展現(xiàn)創(chuàng)造力和樂觀情緒。請記住,黃色作為背景顏色比文字顏色效果更好。 <\/p>\n

    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    #FFFF00<\/strong><\/td>\nYellow<\/td>\n<\/tr>\n
    #FFF380<\/strong><\/td>\nCorn Yellow<\/td>\n<\/tr>\n
    #FFFFC2<\/strong><\/td>\nParchment<\/td>\n<\/tr>\n
    #FFFFCC<\/strong><\/td>\nCream<\/td>\n<\/tr>\n
    #FFF8C6<\/strong><\/td>\nLemon Chiffon<\/td>\n<\/tr>\n
    #FFF8DC<\/strong><\/td>\nCornsilk<\/td>\n<\/tr>\n
    #F5F5DC<\/strong><\/td>\nBeige<\/td>\n<\/tr>\n
    #FBF6D9<\/strong><\/td>\nBlonde<\/td>\n<\/tr>\n
    #FAEBD7<\/strong><\/td>\nAntiqueWhite<\/td>\n<\/tr>\n
    #F7E7CE<\/strong><\/td>\nChampagne<\/td>\n<\/tr>\n
    #FFEBCD<\/strong><\/td>\nBlanchedAlmond<\/td>\n<\/tr>\n
    #F3E5AB<\/strong><\/td>\nVanilla<\/td>\n<\/tr>\n
    #ECE5B6<\/strong><\/td>\nTan Brown<\/td>\n<\/tr>\n
    #FFE5B4<\/strong><\/td>\nPeach<\/td>\n<\/tr>\n
    #FFDB58<\/strong><\/td>\nMustard<\/td>\n<\/tr>\n
    #FFD801<\/strong><\/td>\nRubber Ducky Yellow<\/td>\n<\/tr>\n
    #FDD017<\/strong><\/td>\nBright Gold<\/td>\n<\/tr>\n
    #EAC117<\/strong><\/td>\nGolden brown<\/td>\n<\/tr>\n
    #F2BB66<\/strong><\/td>\nMacaroni and Cheese<\/td>\n<\/tr>\n
    #FBB917<\/strong><\/td>\nSaffron<\/td>\n<\/tr>\n
    #FBB117<\/strong><\/td>\nBeer<\/td>\n<\/tr>\n
    #FFA62F<\/strong><\/td>\nCantaloupe<\/td>\n<\/tr>\n
    #E9AB17<\/strong><\/td>\nBee Yellow<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    5.棕色 HTML 顏色<\/h4>\n

    棕色背景會使閱讀白色或黑色文字變得困難,您可以使用與棕色陰影形成良好對比的其他顏色。 <\/p>\n

    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    #E2A76F<\/strong><\/td>\nBrown Sugar<\/td>\n<\/tr>\n
    #DEB887<\/strong><\/td>\nBurlyWood<\/td>\n<\/tr>\n
    #FFCBA4<\/strong><\/td>\nDeep Peach<\/td>\n<\/tr>\n
    #C9BE62<\/strong><\/td>\nGinger Brown<\/td>\n<\/tr>\n
    #E8A317<\/strong><\/td>\nSchool Bus Yellow<\/td>\n<\/tr>\n
    #EE9A4D<\/strong><\/td>\nSandy Brown<\/td>\n<\/tr>\n
    #C8B560<\/strong><\/td>\nFall Leaf Brown<\/td>\n<\/tr>\n
    #D4A017<\/strong><\/td>\nOrange Gold<\/td>\n<\/tr>\n
    #C2B280<\/strong><\/td>\nSand<\/td>\n<\/tr>\n
    #C7A317<\/strong><\/td>\nCookie Brown<\/td>\n<\/tr>\n
    #C68E17<\/strong><\/td>\nCaramel<\/td>\n<\/tr>\n
    #B5A642<\/strong><\/td>\nBrass<\/td>\n<\/tr>\n
    #ADA96E<\/strong><\/td>\nKhaki<\/td>\n<\/tr>\n
    #C19A6B<\/strong><\/td>\nCamel brown<\/td>\n<\/tr>\n
    #CD7F32<\/strong><\/td>\nBronze<\/td>\n<\/tr>\n
    #C88141<\/strong><\/td>\nTiger Orange<\/td>\n<\/tr>\n
    #C58917<\/strong><\/td>\nCinnamon<\/td>\n<\/tr>\n
    #AF9B60<\/strong><\/td>\nBullet Shell<\/td>\n<\/tr>\n
    #AF7817<\/strong><\/td>\nDark Goldenrod<\/td>\n<\/tr>\n
    #B87333<\/strong><\/td>\nCopper<\/td>\n<\/tr>\n
    #966F33<\/strong><\/td>\nWood<\/td>\n<\/tr>\n
    #806517<\/strong><\/td>\nOak Brown<\/td>\n<\/tr>\n
    #827839<\/strong><\/td>\nMoccasin<\/td>\n<\/tr>\n
    #827B60<\/strong><\/td>\nArmy Brown<\/td>\n<\/tr>\n
    #786D5F<\/strong><\/td>\nSandstone<\/td>\n<\/tr>\n
    #493D26<\/strong><\/td>\nMocha<\/td>\n<\/tr>\n
    #483C32<\/strong><\/td>\nTaupe<\/td>\n<\/tr>\n
    #6F4E37<\/strong><\/td>\nCoffee<\/td>\n<\/tr>\n
    #835C3B<\/strong><\/td>\nBrown Bear<\/td>\n<\/tr>\n
    #7F5217<\/strong><\/td>\nRed Dirt<\/td>\n<\/tr>\n
    #7F462C<\/strong><\/td>\nSepia<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    6.橘色 HTML 顏色<\/h4>\n

    橙色作為背景色可以很好地突出一點,既能喚起熱情和溫暖的感覺,又不會太俗氣。 6.橙色 HTML 顏色<\/p>\n

    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    #C47451<\/strong><\/td>\nOrange Salmon<\/td>\n<\/tr>\n
    #C36241<\/strong><\/td>\nRust<\/td>\n<\/tr>\n
    #C35817<\/strong><\/td>\nRed Fox<\/td>\n<\/tr>\n
    #C85A17<\/strong><\/td>\nChocolate<\/td>\n<\/tr>\n
    #CC6600<\/strong><\/td>\nSedona<\/td>\n<\/tr>\n
    #E56717<\/strong><\/td>\nPapaya Orange<\/td>\n<\/tr>\n
    #E66C2C<\/strong><\/td>\nHalloween Orange<\/td>\n<\/tr>\n
    #F87217<\/strong><\/td>\nPumpkin Orange<\/td>\n<\/tr>\n
    #F87431<\/strong><\/td>\nConstruction Cone Orange<\/td>\n<\/tr>\n
    #E67451<\/strong><\/td>\nSunrise Orange<\/td>\n<\/tr>\n
    #FF8040<\/strong><\/td>\nMango Orange<\/td>\n<\/tr>\n
    #F88017<\/strong><\/td>\nDark Orange<\/td>\n<\/tr>\n
    #FF7F50<\/strong><\/td>\nCoral<\/td>\n<\/tr>\n
    #F88158<\/strong><\/td>\nBasket Ball Orange<\/td>\n<\/tr>\n
    #F9966B<\/strong><\/td>\nLight Salmon<\/td>\n<\/tr>\n
    #E78A61<\/strong><\/td>\nTangerine<\/td>\n<\/tr>\n
    #E18B6B<\/strong><\/td>\nDark Salmon<\/td>\n<\/tr>\n
    #E77471<\/strong><\/td>\nLight Coral<\/td>\n<\/tr>\n
    #F75D59<\/strong><\/td>\nBean Red<\/td>\n<\/tr>\n
    #E55451<\/strong><\/td>\nValentine Red<\/td>\n<\/tr>\n
    #E55B3C<\/strong><\/td>\nShocking Orange<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    7.紅色 HTML 顏色代碼<\/h4>\n

    對於某些瀏覽器,紅色下劃線文字用作訪問過的鏈接,您應(yīng)該避免使用它,以免迷惑訪問者。 <\/p>\n

    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    #FF0000<\/strong><\/td>\nRed<\/td>\n<\/tr>\n
    #FF2400<\/strong><\/td>\nScarlet<\/td>\n<\/tr>\n
    #F62217<\/strong><\/td>\nRuby Red<\/td>\n<\/tr>\n
    #F70D1A<\/strong><\/td>\nFerrari Red<\/td>\n<\/tr>\n
    #F62817<\/strong><\/td>\nFire Engine Red<\/td>\n<\/tr>\n
    #E42217<\/strong><\/td>\nLava Red<\/td>\n<\/tr>\n
    #E41B17<\/strong><\/td>\nLove Red<\/td>\n<\/tr>\n
    #DC381F<\/strong><\/td>\nGrapefruit<\/td>\n<\/tr>\n
    #C34A2C<\/strong><\/td>\nChestnut Red<\/td>\n<\/tr>\n
    #C24641<\/strong><\/td>\nCherry Red<\/td>\n<\/tr>\n
    #C04000<\/strong><\/td>\nMahogany<\/td>\n<\/tr>\n
    #C11B17<\/strong><\/td>\nChilli Pepper<\/td>\n<\/tr>\n
    #9F000F<\/strong><\/td>\nCranberry<\/td>\n<\/tr>\n
    #990012<\/strong><\/td>\nRed Wine<\/td>\n<\/tr>\n
    #8C001A<\/strong><\/td>\nBurgundy<\/td>\n<\/tr>\n
    #954535<\/strong><\/td>\nChestnut<\/td>\n<\/tr>\n
    #7E3517<\/strong><\/td>\nBlood Red<\/td>\n<\/tr>\n
    #8A4117<\/strong><\/td>\nSienna<\/td>\n<\/tr>\n
    #7E3817<\/strong><\/td>\nSangria<\/td>\n<\/tr>\n
    #800517<\/strong><\/td>\nFirebrick<\/td>\n<\/tr>\n
    #810541<\/strong><\/td>\nMaroon<\/td>\n<\/tr>\n
    #7D0541<\/strong><\/td>\nPlum Pie<\/td>\n<\/tr>\n
    #7E354D<\/strong><\/td>\nVelvet Maroon<\/td>\n<\/tr>\n
    #7D0552<\/strong><\/td>\nPlum Velvet<\/td>\n<\/tr>\n
    #7F4E52<\/strong><\/td>\nRosy Finch<\/td>\n<\/tr>\n
    #7F5A58<\/strong><\/td>\nPuce<\/td>\n<\/tr>\n
    #7F525D<\/strong><\/td>\nDull Purple<\/td>\n<\/tr>\n
    #B38481<\/strong><\/td>\nRosy Brown<\/td>\n<\/tr>\n
    #C5908E<\/strong><\/td>\nKhaki Rose<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    8.粉紅色 HTML 顏色代碼<\/h4>\n

    根據(jù)色彩科學(xué),如果您想讓訪客在潛意識中感受到自信、成熟和溫暖,可以使用粉紅色及其色調(diào)。 <\/p>\n

    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    #C48189<\/strong><\/td>\nPink Bow<\/td>\n<\/tr>\n
    #C48793<\/strong><\/td>\nLipstick Pink<\/td>\n<\/tr>\n
    #E8ADAA<\/strong><\/td>\nRose<\/td>\n<\/tr>\n
    #ECC5C0<\/strong><\/td>\nRose Gold<\/td>\n<\/tr>\n
    #EDC9AF<\/strong><\/td>\nDesert Sand<\/td>\n<\/tr>\n
    #FDD7E4<\/strong><\/td>\nPig Pink<\/td>\n<\/tr>\n
    #FCDFFF<\/strong><\/td>\nCotton Candy<\/td>\n<\/tr>\n
    #FFDFDD<\/strong><\/td>\nPink Bubble Gum<\/td>\n<\/tr>\n
    #FBBBB9<\/strong><\/td>\nMisty Rose<\/td>\n<\/tr>\n
    #FAAFBE<\/strong><\/td>\nPink<\/td>\n<\/tr>\n
    #FAAFBA<\/strong><\/td>\nLight Pink<\/td>\n<\/tr>\n
    #F9A7B0<\/strong><\/td>\nFlamingo Pink<\/td>\n<\/tr>\n
    #E7A1B0<\/strong><\/td>\nPink Rose<\/td>\n<\/tr>\n
    #E799A3<\/strong><\/td>\nPink Daisy<\/td>\n<\/tr>\n
    #E38AAE<\/strong><\/td>\nCadillac Pink<\/td>\n<\/tr>\n
    #F778A1<\/strong><\/td>\nCarnation Pink<\/td>\n<\/tr>\n
    #E56E94<\/strong><\/td>\nBlush Red<\/td>\n<\/tr>\n
    #F660AB<\/strong><\/td>\nHot Pink<\/td>\n<\/tr>\n
    #FC6C85<\/strong><\/td>\nWatermelon Pink<\/td>\n<\/tr>\n
    #F6358A<\/strong><\/td>\nViolet Red<\/td>\n<\/tr>\n
    #F52887<\/strong><\/td>\nDeep Pink<\/td>\n<\/tr>\n
    #E45E9D<\/strong><\/td>\nPink Cupcake<\/td>\n<\/tr>\n
    #E4287C<\/strong><\/td>\nPink Lemonade<\/td>\n<\/tr>\n
    #F535AA<\/strong><\/td>\nNeon Pink<\/td>\n<\/tr>\n
    #FF00FF<\/strong><\/td>\nMagenta<\/td>\n<\/tr>\n
    #E3319D<\/strong><\/td>\nDimorphotheca Magenta<\/td>\n<\/tr>\n
    #F433FF<\/strong><\/td>\nBright Neon Pink<\/td>\n<\/tr>\n
    #D16587<\/strong><\/td>\nPale Violet Red<\/td>\n<\/tr>\n
    #C25A7C<\/strong><\/td>\nTulip Pink<\/td>\n<\/tr>\n
    #CA226B<\/strong><\/td>\nMedium Violet Red<\/td>\n<\/tr>\n
    #C12869<\/strong><\/td>\nRogue Pink<\/td>\n<\/tr>\n
    #C12267<\/strong><\/td>\nBurnt Pink<\/td>\n<\/tr>\n
    #C25283<\/strong><\/td>\nBashful Pink<\/td>\n<\/tr>\n
    #C12283<\/strong><\/td>\nDark Carnation Pink<\/td>\n<\/tr>\n
    #B93B8F<\/strong><\/td>\nPlum<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    9.紫色和白色 HTML 顏色代碼<\/h4>\n

    在白色背景上使用白色文字顏色將使其無法被使用者閱讀,除了使用者不友善之外,您的網(wǎng)站可能會受到SEO 懲罰,因此,請始終在深色背景下使用白色和其他淺色。 <\/p>\n

    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
    <rp id="bldk0"><input id="bldk0"></input></rp>
  • <rp id="bldk0"><legend id="bldk0"></legend></rp>
        #7E587E<\/strong><\/td>\nViola Purple<\/td>\n<\/tr>\n
        #571B7E<\/strong><\/td>\nPurple Iris<\/td>\n<\/tr>\n
        #583759<\/strong><\/td>\nPlum Purple<\/td>\n<\/tr>\n
        #4B0082<\/strong><\/td>\nIndigo<\/td>\n<\/tr>\n
        #461B7E<\/strong><\/td>\nPurple Monster<\/td>\n<\/tr>\n
        #4E387E<\/strong><\/td>\nPurple Haze<\/td>\n<\/tr>\n
        #614051<\/strong><\/td>\nEggplant<\/td>\n<\/tr>\n
        #5E5A80<\/strong><\/td>\nGrape<\/td>\n<\/tr>\n
        #6A287E<\/strong><\/td>\nPurple Jam<\/td>\n<\/tr>\n
        #7D1B7E<\/strong><\/td>\nDark Orchid<\/td>\n<\/tr>\n
        #A74AC7<\/strong><\/td>\nPurple Flower<\/td>\n<\/tr>\n
        #B048B5<\/strong><\/td>\nMedium Orchid<\/td>\n<\/tr>\n
        #6C2DC7<\/strong><\/td>\nPurple Amethyst<\/td>\n<\/tr>\n
        #842DCE<\/strong><\/td>\nDark Violet<\/td>\n<\/tr>\n
        #8D38C9<\/strong><\/td>\nViolet<\/td>\n<\/tr>\n
        #7A5DC7<\/strong><\/td>\nPurple Sage Bush<\/td>\n<\/tr>\n
        #7F38EC<\/strong><\/td>\nLovely Purple<\/td>\n<\/tr>\n
        #8E35EF<\/strong><\/td>\nPurple<\/td>\n<\/tr>\n
        #893BFF<\/strong><\/td>\nAztech Purple<\/td>\n<\/tr>\n
        #8467D7<\/strong><\/td>\nMedium Purple<\/td>\n<\/tr>\n
        #A23BEC<\/strong><\/td>\nJasmine Purple<\/td>\n<\/tr>\n
        #B041FF<\/strong><\/td>\nPurple Daffodil<\/td>\n<\/tr>\n
        #C45AEC<\/strong><\/td>\nTyrian Purple<\/td>\n<\/tr>\n
        #9172EC<\/strong><\/td>\nCrocus Purple<\/td>\n<\/tr>\n
        #9E7BFF<\/strong><\/td>\nPurple Mimosa<\/td>\n<\/tr>\n
        #D462FF<\/strong><\/td>\nHeliotrope Purple<\/td>\n<\/tr>\n
        #E238EC<\/strong><\/td>\nCrimson<\/td>\n<\/tr>\n
        #C38EC7<\/strong><\/td>\nPurple Dragon<\/td>\n<\/tr>\n
        #C8A2C8<\/strong><\/td>\nLilac<\/td>\n<\/tr>\n
        #E6A9EC<\/strong><\/td>\nBlush Pink<\/td>\n<\/tr>\n
        #E0B0FF<\/strong><\/td>\nMauve<\/td>\n<\/tr>\n
        #C6AEC7<\/strong><\/td>\nWisteria Purple<\/td>\n<\/tr>\n
        #F9B7FF<\/strong><\/td>\nBlossom Pink<\/td>\n<\/tr>\n
        #D2B9D3<\/strong><\/td>\nThistle<\/td>\n<\/tr>\n
        #E9CFEC<\/strong><\/td>\nPeriwinkle<\/td>\n<\/tr>\n
        #EBDDE2<\/strong><\/td>\nLavender Pinocchio<\/td>\n<\/tr>\n
        #E3E4FA<\/strong><\/td>\nLavender blue<\/td>\n<\/tr>\n
        #FDEEF4<\/strong><\/td>\nPearl<\/td>\n<\/tr>\n
        #FFF5EE<\/strong><\/td>\nSeaShell<\/td>\n<\/tr>\n
        #FEFCFF<\/strong><\/td>\nMilk White<\/td>\n<\/tr>\n
        #FFFFFF<\/strong><\/td>\nWhite<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

        一些最常用的 HTML 顏色代碼<\/h3>\n

        這些是網(wǎng)路上使用的一些流行顏色;我已將它們放在單獨的表中以便快速找到它們。 <\/p>\n

        \n\n\n\n\n\n\n\n\n\n\n
      1. <track id="bldk0"></track>
        Red<\/td>\n#FF0000<\/strong><\/td>\nWhite<\/td>\n#FFFFFF<\/strong><\/td>\n<\/tr>\n
        Cyan<\/td>\n#00FFFF<\/strong><\/td>\nSilver<\/td>\n#C0C0C0<\/strong><\/td>\n<\/tr>\n
        Blue<\/td>\n#0000FF<\/strong><\/td>\nGray or Grey<\/td>\n#808080<\/strong><\/td>\n<\/tr>\n
        DarkBlue<\/td>\n#0000A0<\/strong><\/td>\nBlack<\/td>\n#000000<\/strong><\/td>\n<\/tr>\n
        LightBlue<\/td>\n#ADD8E6<\/strong><\/td>\nOrange<\/td>\n#FFA500<\/strong><\/td>\n<\/tr>\n
        Purple<\/td>\n#800080<\/strong><\/td>\nBrown<\/td>\n#A52A2A<\/strong><\/td>\n<\/tr>\n
        Yellow<\/td>\n#FFFF00<\/strong><\/td>\nMaroon<\/td>\n#800000<\/strong><\/td>\n<\/tr>\n
        Lime<\/td>\n#00FF00<\/strong><\/td>\nGreen<\/td>\n#008000<\/strong><\/td>\n<\/tr>\n
        Magenta<\/td>\n#FF00FF<\/strong><\/td>\nOlive<\/td>\n#808000<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

        Examples of Color Name in HTML<\/h3>\n

        Let us see how color name in HTML is used with the help of some examples mentioned below:<\/p>\n

        Example #1<\/h4>\n

        Let us consider a general example showing how example color name in HTML is going to be used:<\/p>\n

        HTML code:<\/strong><\/p>\n

        \n\n
        

        国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

        \n

        About Life.....<\/h1>\n

        Creativity Is Intelligence Having Fun <\/h4>\n

        <\/pre>\n

        You Learn More From Failure Than From Success. Don’t Let It Stop You. Failure Builds Character. If You Are Working On Something That You Really Care About, You Don’t Have To Be Pushed. The Vision Pulls You<\/p>\n

        <\/p>\n<\/body>\n<\/html><\/pre>\n

        Output:<\/strong><\/p>\n

        \"HTML<\/p>\n\n\n

        Example #2<\/h4>\n

        Now we are taking another example which will define all types of HTML color as follows:<\/p>\n

        HTML code:<\/strong><\/p>\n

        \n\n\n

        RGB defines Red color<\/h1>\n

        RGB same values define Gray shade<\/h1>\n

        New color using Hex Value<\/h1>\n

        Shade of Gray<\/h1>\n

        hsl color shade<\/h1>\n

        rgba color shade<\/h1>\n

        hsla color shade<\/h1>\n<\/body>\n<\/html><\/pre>\n

        Output:<\/strong><\/p>\n

        \"HTML<\/p>\n

        In the above example, we are able to see the use of different HTML color types and how they are named in HTML.<\/p>\n

        Example #3<\/h4>\n

        One more use of HTML color is to define a border to the element, which is as follows:<\/p>\n

        In Example, Here, we can add a border to your code body, changing the background and text colour.<\/p>\n

        HTML code:<\/strong><\/p>\n

        Self-actualizing theory talks of intrinsic rewards inherent in the task performance such as job satisfaction, feeling of achievement, etc.<\/p><\/pre>\n

        Output:<\/strong><\/p>\n

        \"HTML<\/p>\n

        Conclusion<\/h3>\n

        We came across that HTML colors are defined with different names, percentage value, Hex value, alpha value, and many more. Color name in HTML is used to do color for text, for background, for a border, for gradations. Different types define HTML color name as RGB, hex, hsl, rgba, hsla.<\/p>"}

        目錄
        文法
        1.文字顏色文法
        2.背景顏色文法
        3.邊框顏色語法:border
        HTML 中顏色名稱的型別
        1. RGB 值
        2.十六進(jìn)位值
        3.福彩價值
        4. RGBA 值
        5. HSLA 值
        使用 HTML 顏色名稱
        1. Using HTML Color Inline
        2. Implementing in CSS
        Different HTML Color Codes
        1. Grey and Black HTML Color Names
        2.藍(lán)色 HTML 顏色名稱
        3.綠色 HTML 顏色
        4.黃色 HTML 顏色名稱
        5.棕色 HTML 顏色
        6.橘色 HTML 顏色
        7.紅色 HTML 顏色代碼
        8.粉紅色 HTML 顏色代碼
        9.紫色和白色 HTML 顏色代碼
        一些最常用的 HTML 顏色代碼
        Examples of Color Name in HTML
        Example #3
        Conclusion
        首頁 web前端 html教學(xué) HTML 中的顏色名稱

        HTML 中的顏色名稱

        Sep 04, 2024 pm 04:34 PM
        html html5 HTML Tutorial HTML Properties HTML tags

        HTML 中的顏色名稱在 Web 和應(yīng)用程式設(shè)計過程中扮演著非常重要的角色。它有助於改變我們網(wǎng)站或應(yīng)用程式的外觀和感覺,並使我們的應(yīng)用程式更具吸引力和互動性。有多種方法可以將 HTML 中的顏色名稱定義為 HTML 編碼格式??梢允褂妙~外的 CSS 屬性來更有效地使用它。我們可以透過將 HTML 顏色名稱包含在正文部分中來在頁面層級使用 HTML 顏色名稱,也可以為特定元素設(shè)定單獨的顏色。 HTML 中的顏色名稱專門用於文字顏色、背景顏色、邊框顏色、陰影、漸層等。

        文法

        • 我們可以透過多種方式使用 HTML 顏色。我們來一一看看。
        • HTML 顏色最基本的用途是將其應(yīng)用於文字。只需用作文字顏色即可以不同的 HTML 顏色顯示文字。

        1.文字顏色文法

        color : color_name;

        讓我們看看這個語法是如何運作的,

        <h4 style="color:blue;">Welcome to EDUBCA<h4>

        在上面的範(fàn)例中,它將以藍(lán)色顯示文字“Welcome to EDUBCA”,例如:

        HTML 中的顏色名稱

        • 借助 HTML 顏色,也可以將它們新增為背景顏色。

        2.背景顏色文法

        background-color:color_name;

        ?讓我們看看這個文法是如何運作的,

        <p style="background-color:light-green;">

        此類別包含設(shè)計課程中眾多子類別中的所有設(shè)計資訊。

        HTML 中的顏色名稱

        • 也可以透過使用以下語法使用 HTML 顏色在任何文字或元素周圍添加彩色邊框:

        3.邊框顏色語法:border

        value color_name;

        ?讓我們看看這個文法是如何運作的,

        <h4 style="border: 4px solid DodgerBlue;"> EDUCBA free certification course </h4>

        HTML 中的顏色名稱

        HTML 中顏色名稱的型別

        在 HTML 中定義顏色名稱有不同的方法。記住不同顏色的不同名字是很困難的。因此需要決定為不同的顏色賦予一些值。我們來一一看看。

        HTML 中的顏色名稱

        1. RGB 值

        • 這是在紅、綠、藍(lán)顏色格式值的組合中定義 HTML 顏色名稱的方法之一。它用於定義數(shù)字 0 到 255 之間的顏色強(qiáng)度?
        • 如果我們想使用 RGB 組合來定義黑色,則類似於 RGB(0,0,0)。這裡所有的顏色參數(shù)都會設(shè)定為0。所以它會顯示黑色。
        • 就像另一個RGB(0,0,255)會顯示藍(lán)色,因為255被設(shè)定為藍(lán)色的最高值,另一個是0。
        • 如果我們要使用 3 個相等的 RGB 值,那麼它將產(chǎn)生灰色陰影。

        範(fàn)例: RGB (0,0,0) 表示最暗的顏色,RGB(255,255,255) 表示最淺的顏色。

        2.十六進(jìn)位值

        • 它是 HTML 中最常用的顏色名稱格式之一,其中顏色名稱將以十六進(jìn)位值的格式定義。
        • #rrggbb 格式包括 RR 表示紅色、gg 表示綠色和 bb 表示藍(lán)色的值,這些值放置在 00 toff 十六進(jìn)位值之間。
        • 讓我們考慮一個定義顏色 #00ff00 的範(fàn)例。這些值將產(chǎn)生綠色,因為綠色包含最高值(ff),而另一個值設(shè)定為 00。

        3.福彩價值

        • 另一種以色調(diào)、飽和度、亮度形式定義 HTML 顏色的格式。
        • 現(xiàn)在我們將一一查看所有術(shù)語。色調(diào)定義為 0 到 360 之間的顏色程度。 0 表示紅色,120 表示綠色,240 表示藍(lán)色。
        • 飽和度將顏色的值定義為百分比,其中 0% 表示灰色陰影,100% 表示全彩。
        • 亮度也可以用作百分比,它定義 0% 為黑色,50% 既不亮也不暗,100% 表示白色。

        4. RGBA 值

        • 這種類型的 HTML 顏色定義了 RGB 顏色的擴(kuò)展,包括 alpha 值,其中 alpha 用於定義顏色的不透明度。
        • Alpha 值介於 0.0 {完全透明}到 1.0 {完全不透明}
        • 範(fàn)例是 rgba(255,99,71,0)

        5. HSLA 值

        • 它的工作原理與 HSL 顏色值相同,用於定義顏色的不透明度。
        • hsla(8,100%,80%,0) 用於完全透明的顏色。
        • hsla(8,100%,80%,0.9) 較不透明的顏色。

        使用 HTML 顏色名稱

        在網(wǎng)頁上實現(xiàn)顏色非常簡單,可以內(nèi)聯(lián)或透過單獨的 CSS 樣式表完成。

        When you are going to be using the same HTML Color Names on a page multiple times, it is a better idea to use CSS Sheet to define and set colors. Conversely, if you only have to use color once or twice, using the inline method is considered better.

        1. Using HTML Color Inline

        <body>
        <h3 style="color: Brown">Brown H3 Heading</h3>
        <p style="color: Gainsboro">Gainsboro colored paragraph text</p>
        </body>

        2. Implementing in CSS

        h1 { color: Brown; }
        p { color: Gainsboro; }

        Different HTML Color Codes

        Colors can be denoted by using their hex value or their name. HTML has support for the most common colors; in this article, I will share with you 140 names and hex values of these colors. One thing to keep in mind is that you don’t have to limit yourself to these colors; you can use any color picker tool to find the Hex value of any color you want and use it on your web page.

        Now that you know what HTML Color Names are and how you can use them in your pages, here is a list of Color names with appropriate color codes:

        1. Grey and Black HTML Color Names

        Grey and Black colors are, in most cases, perfect for the text color of the page as against a white background; these colors have the best readability. One interesting thing to keep in mind is that modern phones with OLED displays done need any battery power to display Black color; if your audience is going to be on mobile, it is a wise idea to use Black as a background color and white or other light colors as the foreground color.

        Code Color
        #000000 Black
        #0C090A Night
        #2C3539 Gunmetal
        #2B1B17 Midnight
        #34282C Charcoal
        #25383C Dark Slate Grey
        #3B3131 Oil
        #413839 Black Cat
        #3D3C3A Iridium
        #463E3F Black Eel
        #4C4646 Black Cow
        #504A4B Gray Wolf
        #565051 Vampire Gray
        #5C5858 Gray Dolphin
        #625D5D Carbon Gray
        #666362 Ash Gray
        #6D6968 Cloudy Gray
        #726E6D Smokey Gray
        #736F6E Gray
        #837E7C Granite
        #848482 Battleship Gray
        #B6B6B4 Gray Cloud
        #D1D0CE Gray Goose
        #E5E4E2 Platinum
        #BCC6CC Metallic Silver
        #98AFC7 Blue Gray
        #6D7B8D Light Slate Gray
        #657383 Slate Gray
        #616D7E Jet Gray

        2.藍(lán)色 HTML 顏色名稱

        藍(lán)色下劃線文本被視為鏈接,因為它是大多數(shù)網(wǎng)絡(luò)瀏覽器的默認(rèn)鏈接樣式,您應(yīng)該避免在頁面上的所有文本中使用藍(lán)色,因為訪問者可能會將其誤認(rèn)為是超鏈接。

        #646D7E Mist Blue
        #566D7E Marble Blue
        #737CA1 Slate Blue
        #4863A0 Steel Blue
        #2B547E Blue Jay
        #2B3856 Dark Slate Blue
        #151B54 Midnight Blue
        #000080 Navy Blue
        #342D7E Blue Whale
        #15317E Lapis Blue
        #151B8D Denim Dark Blue
        #0000A0 Earth Blue
        #0020C2 Cobalt Blue
        #0041C2 Blueberry Blue
        #2554C7 Sapphire Blue
        #1569C7 Blue Eyes
        #2B60DE Royal Blue
        #1F45FC Blue Orchid
        #6960EC Blue Lotus
        #736AFF Light Slate Blue
        #357EC7 Windows Blue
        #368BC1 Glacial Blue Ice
        #488AC7 Silk Blue
        #3090C7 Blue Ivy
        #659EC7 Blue Koi
        #87AFC7 Columbia Blue
        #95B9C7 Baby Blue
        #728FCE Light Steel Blue
        #2B65EC Ocean Blue
        #306EFF Blue Ribbon
        #157DEC Blue Dress
        #1589FF Dodger Blue
        #6495ED Cornflower Blue
        #6698FF Sky Blue
        #38ACEC Butterfly Blue
        #56A5EC Iceberg
        #5CB3FF Crystal Blue
        #3BB9FF Deep Sky Blue
        #79BAEC Denim Blue
        #82CAFA Light Sky Blue
        #82CAFF Day Sky Blue
        #A0CFEC Jeans Blue
        #B7CEEC Blue Angel
        #B4CFEC Pastel Blue
        #C2DFFF Sea Blue
        #C6DEFF Powder Blue
        #AFDCEC Coral Blue
        #ADDFFF Light Blue
        #BDEDFF Robin Egg Blue
        #CFECEC Pale Blue Lily
        #E0FFFF Light Cyan
        #EBF4FA Water
        #F0F8FF AliceBlue
        #F0FFFF Azure
        #CCFFFF Light Slate
        #93FFE8 Light Aquamarine
        #9AFEFF Electric Blue
        #7FFFD4 Aquamarine
        #00FFFF Cyan or Aqua
        #7DFDFE Tron Blue
        #57FEFF Blue Zircon
        #8EEBEC Blue Lagoon
        #50EBEC Celeste
        #4EE2EC Blue Diamond
        #81D8D0 Tiffany Blue
        #92C7C7 Cyan Opaque
        #77BFC7 Blue Hosta
        #78C7C7 Northern Lights Blue
        #48CCCD Medium Turquoise
        #43C6DB Turquoise
        #46C7C7 Jellyfish
        #7BCCB5 Blue green

        3.綠色 HTML 顏色

        在與自然、金錢、環(huán)境等相關(guān)的網(wǎng)站上,綠色可以作為背景顏色的好選擇。

        #43BFC7 Macaw Blue Green
        #3EA99F Light Sea Green
        #3B9C9C Dark Turquoise
        #438D80 Sea Turtle Green
        #348781 Medium Aquamarine
        #307D7E Greenish Blue
        #5E7D7E Grayish Turquoise
        #4C787E Beetle Green
        #008080 Teal
        #4E8975 Sea Green
        #78866B Camouflage Green
        #848b79 Sage Green
        #617C58 Hazel Green
        #728C00 Venom Green
        #667C26 Fern Green
        #254117 Dark Forest Green
        #306754 Medium Sea Green
        #347235 Medium Forest Green
        #437C17 Seaweed Green
        #387C44 Pine Green
        #347C2C Jungle Green
        #347C17 Shamrock Green
        #348017 Medium Spring Green
        #4E9258 Forest Green
        #6AA121 Green Onion
        #4AA02C Spring Green
        #41A317 Lime Green
        #3EA055 Clover Green
        #6CBB3C Green Snake
        #6CC417 Alien Green
        #4CC417 Green Apple
        #52D017 Yellow Green
        #4CC552 Kelly Green
        #54C571 Zombie Green
        #99C68E Frog Green
        #89C35C Green Peas
        #85BB65 Dollar Bill Green
        #8BB381 Dark Sea Green
        #9CB071 Iguana Green
        #B2C248 Avocado Green
        #9DC209 Pistachio Green
        #A1C935 Salad Green
        #7FE817 Hummingbird Green
        #59E817 Nebula Green
        #57E964 Stoplight Go Green
        #64E986 Algae Green
        #5EFB6E Jade Green
        #00FF00 Green
        #5FFB17 Emerald Green
        #87F717 Lawn Green
        #8AFB17 Chartreuse
        #6AFB92 Dragon Green
        #98FF98 Mint green
        #B5EAAA Green Thumb
        #C3FDB8 Light Jade
        #CCFB5D Tea Green
        #B1FB17 Green Yellow
        #BCE954 Slime Green
        #EDDA74 Goldenrod
        #EDE275 Harvest Gold
        #FFE87C Sun Yellow

        4.黃色 HTML 顏色名稱

        黃色可以用來營造一種不嚴(yán)肅的情緒,在頁面中展現(xiàn)創(chuàng)造力和樂觀情緒。請記住,黃色作為背景顏色比文字顏色效果更好。

        #FFFF00 Yellow
        #FFF380 Corn Yellow
        #FFFFC2 Parchment
        #FFFFCC Cream
        #FFF8C6 Lemon Chiffon
        #FFF8DC Cornsilk
        #F5F5DC Beige
        #FBF6D9 Blonde
        #FAEBD7 AntiqueWhite
        #F7E7CE Champagne
        #FFEBCD BlanchedAlmond
        #F3E5AB Vanilla
        #ECE5B6 Tan Brown
        #FFE5B4 Peach
        #FFDB58 Mustard
        #FFD801 Rubber Ducky Yellow
        #FDD017 Bright Gold
        #EAC117 Golden brown
        #F2BB66 Macaroni and Cheese
        #FBB917 Saffron
        #FBB117 Beer
        #FFA62F Cantaloupe
        #E9AB17 Bee Yellow

        5.棕色 HTML 顏色

        棕色背景會使閱讀白色或黑色文字變得困難,您可以使用與棕色陰影形成良好對比的其他顏色。

        #E2A76F Brown Sugar
        #DEB887 BurlyWood
        #FFCBA4 Deep Peach
        #C9BE62 Ginger Brown
        #E8A317 School Bus Yellow
        #EE9A4D Sandy Brown
        #C8B560 Fall Leaf Brown
        #D4A017 Orange Gold
        #C2B280 Sand
        #C7A317 Cookie Brown
        #C68E17 Caramel
        #B5A642 Brass
        #ADA96E Khaki
        #C19A6B Camel brown
        #CD7F32 Bronze
        #C88141 Tiger Orange
        #C58917 Cinnamon
        #AF9B60 Bullet Shell
        #AF7817 Dark Goldenrod
        #B87333 Copper
        #966F33 Wood
        #806517 Oak Brown
        #827839 Moccasin
        #827B60 Army Brown
        #786D5F Sandstone
        #493D26 Mocha
        #483C32 Taupe
        #6F4E37 Coffee
        #835C3B Brown Bear
        #7F5217 Red Dirt
        #7F462C Sepia

        6.橘色 HTML 顏色

        橙色作為背景色可以很好地突出一點,既能喚起熱情和溫暖的感覺,又不會太俗氣。 6.橙色 HTML 顏色

        #C47451 Orange Salmon
        #C36241 Rust
        #C35817 Red Fox
        #C85A17 Chocolate
        #CC6600 Sedona
        #E56717 Papaya Orange
        #E66C2C Halloween Orange
        #F87217 Pumpkin Orange
        #F87431 Construction Cone Orange
        #E67451 Sunrise Orange
        #FF8040 Mango Orange
        #F88017 Dark Orange
        #FF7F50 Coral
        #F88158 Basket Ball Orange
        #F9966B Light Salmon
        #E78A61 Tangerine
        #E18B6B Dark Salmon
        #E77471 Light Coral
        #F75D59 Bean Red
        #E55451 Valentine Red
        #E55B3C Shocking Orange

        7.紅色 HTML 顏色代碼

        對於某些瀏覽器,紅色下劃線文字用作訪問過的鏈接,您應(yīng)該避免使用它,以免迷惑訪問者。

        #FF0000 Red
        #FF2400 Scarlet
        #F62217 Ruby Red
        #F70D1A Ferrari Red
        #F62817 Fire Engine Red
        #E42217 Lava Red
        #E41B17 Love Red
        #DC381F Grapefruit
        #C34A2C Chestnut Red
        #C24641 Cherry Red
        #C04000 Mahogany
        #C11B17 Chilli Pepper
        #9F000F Cranberry
        #990012 Red Wine
        #8C001A Burgundy
        #954535 Chestnut
        #7E3517 Blood Red
        #8A4117 Sienna
        #7E3817 Sangria
        #800517 Firebrick
        #810541 Maroon
        #7D0541 Plum Pie
        #7E354D Velvet Maroon
        #7D0552 Plum Velvet
        #7F4E52 Rosy Finch
        #7F5A58 Puce
        #7F525D Dull Purple
        #B38481 Rosy Brown
        #C5908E Khaki Rose

        8.粉紅色 HTML 顏色代碼

        根據(jù)色彩科學(xué),如果您想讓訪客在潛意識中感受到自信、成熟和溫暖,可以使用粉紅色及其色調(diào)。

        #C48189 Pink Bow
        #C48793 Lipstick Pink
        #E8ADAA Rose
        #ECC5C0 Rose Gold
        #EDC9AF Desert Sand
        #FDD7E4 Pig Pink
        #FCDFFF Cotton Candy
        #FFDFDD Pink Bubble Gum
        #FBBBB9 Misty Rose
        #FAAFBE Pink
        #FAAFBA Light Pink
        #F9A7B0 Flamingo Pink
        #E7A1B0 Pink Rose
        #E799A3 Pink Daisy
        #E38AAE Cadillac Pink
        #F778A1 Carnation Pink
        #E56E94 Blush Red
        #F660AB Hot Pink
        #FC6C85 Watermelon Pink
        #F6358A Violet Red
        #F52887 Deep Pink
        #E45E9D Pink Cupcake
        #E4287C Pink Lemonade
        #F535AA Neon Pink
        #FF00FF Magenta
        #E3319D Dimorphotheca Magenta
        #F433FF Bright Neon Pink
        #D16587 Pale Violet Red
        #C25A7C Tulip Pink
        #CA226B Medium Violet Red
        #C12869 Rogue Pink
        #C12267 Burnt Pink
        #C25283 Bashful Pink
        #C12283 Dark Carnation Pink
        #B93B8F Plum

        9.紫色和白色 HTML 顏色代碼

        在白色背景上使用白色文字顏色將使其無法被使用者閱讀,除了使用者不友善之外,您的網(wǎng)站可能會受到SEO 懲罰,因此,請始終在深色背景下使用白色和其他淺色。

        #7E587E Viola Purple
        #571B7E Purple Iris
        #583759 Plum Purple
        #4B0082 Indigo
        #461B7E Purple Monster
        #4E387E Purple Haze
        #614051 Eggplant
        #5E5A80 Grape
        #6A287E Purple Jam
        #7D1B7E Dark Orchid
        #A74AC7 Purple Flower
        #B048B5 Medium Orchid
        #6C2DC7 Purple Amethyst
        #842DCE Dark Violet
        #8D38C9 Violet
        #7A5DC7 Purple Sage Bush
        #7F38EC Lovely Purple
        #8E35EF Purple
        #893BFF Aztech Purple
        #8467D7 Medium Purple
        #A23BEC Jasmine Purple
        #B041FF Purple Daffodil
        #C45AEC Tyrian Purple
        #9172EC Crocus Purple
        #9E7BFF Purple Mimosa
        #D462FF Heliotrope Purple
        #E238EC Crimson
        #C38EC7 Purple Dragon
        #C8A2C8 Lilac
        #E6A9EC Blush Pink
        #E0B0FF Mauve
        #C6AEC7 Wisteria Purple
        #F9B7FF Blossom Pink
        #D2B9D3 Thistle
        #E9CFEC Periwinkle
        #EBDDE2 Lavender Pinocchio
        #E3E4FA Lavender blue
        #FDEEF4 Pearl
        #FFF5EE SeaShell
        #FEFCFF Milk White
        #FFFFFF White

        一些最常用的 HTML 顏色代碼

        這些是網(wǎng)路上使用的一些流行顏色;我已將它們放在單獨的表中以便快速找到它們。

        Red #FF0000 White #FFFFFF
        Cyan #00FFFF Silver #C0C0C0
        Blue #0000FF Gray or Grey #808080
        DarkBlue #0000A0 Black #000000
        LightBlue #ADD8E6 Orange #FFA500
        Purple #800080 Brown #A52A2A
        Yellow #FFFF00 Maroon #800000
        Lime #00FF00 Green #008000
        Magenta #FF00FF Olive #808000

        Examples of Color Name in HTML

        Let us see how color name in HTML is used with the help of some examples mentioned below:

        Example #1

        Let us consider a general example showing how example color name in HTML is going to be used:

        HTML code:

        <!DOCTYPE html>
        <html>
        <body>
        <h1 style="color:Violet;">About Life.....</h1>
        <h4 >Creativity Is Intelligence Having Fun </h4>
        <p style="background-color: #00FFFF; color:blue">

        You Learn More From Failure Than From Success. Don’t Let It Stop You. Failure Builds Character. If You Are Working On Something That You Really Care About, You Don’t Have To Be Pushed. The Vision Pulls You

        </p>
        </body>
        </html>

        Output:

        HTML 中的顏色名稱

        Example #2

        Now we are taking another example which will define all types of HTML color as follows:

        HTML code:

        <!DOCTYPE html>
        <html>
        <body>
        <h1 style="color:rgb(255, 0, 0);">RGB defines Red color</h1>
        <h1 style="color:rgb(60, 60, 60);">RGB same values define Gray shade</h1>
        <h1 style="background-color:#ffa500;">New color using Hex Value</h1>
        <h1 style="background-color:#787878;">Shade of Gray</h1>
        <h1 style="background-color:hsl(50, 100%, 50%);">hsl color shade</h1>
        <h1 style="background-color:rgba(255, 99, 71, 0.4);">rgba color shade</h1>
        <h1 style="color:hsla(9, 100%, 80%, 0.5);">hsla color shade</h1>
        </body>
        </html>

        Output:

        HTML 中的顏色名稱

        In the above example, we are able to see the use of different HTML color types and how they are named in HTML.

        Example #3

        One more use of HTML color is to define a border to the element, which is as follows:

        In Example, Here, we can add a border to your code body, changing the background and text colour.

        HTML code:

        <p style="border: 2px solid #A52A2A; background-color:#ffa500;color:#FFF8DC">Self-actualizing theory talks of intrinsic rewards inherent in the task performance such as job satisfaction, feeling of achievement, etc.</p>

        Output:

        HTML 中的顏色名稱

        Conclusion

        We came across that HTML colors are defined with different names, percentage value, Hex value, alpha value, and many more. Color name in HTML is used to do color for text, for background, for a border, for gradations. Different types define HTML color name as RGB, hex, hsl, rgba, hsla.

        以上是HTML 中的顏色名稱的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

        本網(wǎng)站聲明
        本文內(nèi)容由網(wǎng)友自願投稿,版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容,請聯(lián)絡(luò)admin@php.cn

        熱AI工具

        Undress AI Tool

        Undress AI Tool

        免費脫衣圖片

        Undresser.AI Undress

        Undresser.AI Undress

        人工智慧驅(qū)動的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片

        AI Clothes Remover

        AI Clothes Remover

        用於從照片中去除衣服的線上人工智慧工具。

        Clothoff.io

        Clothoff.io

        AI脫衣器

        Video Face Swap

        Video Face Swap

        使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

        熱工具

        記事本++7.3.1

        記事本++7.3.1

        好用且免費的程式碼編輯器

        SublimeText3漢化版

        SublimeText3漢化版

        中文版,非常好用

        禪工作室 13.0.1

        禪工作室 13.0.1

        強(qiáng)大的PHP整合開發(fā)環(huán)境

        Dreamweaver CS6

        Dreamweaver CS6

        視覺化網(wǎng)頁開發(fā)工具

        SublimeText3 Mac版

        SublimeText3 Mac版

        神級程式碼編輯軟體(SublimeText3)

        構(gòu)建網(wǎng)頁的HTML元素是什麼? 構(gòu)建網(wǎng)頁的HTML元素是什麼? Jul 03, 2025 am 02:34 AM

        網(wǎng)頁結(jié)構(gòu)需核心HTML元素支撐,1.頁面整體結(jié)構(gòu)由、、構(gòu)成,其中為根元素,存放元信息,展示內(nèi)容;2.內(nèi)容組織依賴標(biāo)題(-)、段落()及區(qū)塊標(biāo)籤(如、)以提升條理與SEO;3.導(dǎo)航通過與實現(xiàn),常用組織鏈接並輔以aria-current屬性增強(qiáng)可訪問性;4.表單交互涉及、、與,確保用戶輸入與提交功能完整。正確使用這些元素能提升頁面清晰度、維護(hù)性及搜索引擎優(yōu)化。

        使用HTML5服務(wù)器序列事件處理重新連接和錯誤。 使用HTML5服務(wù)器序列事件處理重新連接和錯誤。 Jul 03, 2025 am 02:28 AM

        使用HTML5SSE時,處理重連和錯誤的方法包括:1.了解默認(rèn)重連機(jī)制,EventSource默認(rèn)在連接中斷後3秒重試,可通過retry字段自定義間隔;2.監(jiān)聽error事件以應(yīng)對連接失敗或解析錯誤,區(qū)分錯誤類型並執(zhí)行相應(yīng)邏輯,如網(wǎng)絡(luò)問題依賴自動重連、服務(wù)器錯誤手動延遲重連、認(rèn)證失效刷新token;3.主動控制重連邏輯,如手動關(guān)閉並重建連接、設(shè)置最大重試次數(shù)、結(jié)合navigator.onLine判斷網(wǎng)絡(luò)狀態(tài)以優(yōu)化重試策略。這些措施可提升應(yīng)用穩(wěn)定性與用戶體驗。

        為現(xiàn)代頁面宣布正確的HTML5 Doctype。 為現(xiàn)代頁面宣布正確的HTML5 Doctype。 Jul 03, 2025 am 02:35 AM

        Doctype是告訴瀏覽器用哪種HTML標(biāo)準(zhǔn)解析頁面的聲明,現(xiàn)代網(wǎng)頁只需在HTML文件最開頭寫。其作用是確保瀏覽器以標(biāo)準(zhǔn)模式而非怪異模式渲染頁面,且必須位於第一行,前面不能有空格或註釋;正確寫法僅有一種,不推薦使用舊版本或其他變體;其他如charset、viewport等應(yīng)放在部分。

        使用HTML屬性實現(xiàn)客戶端表單驗證。 使用HTML屬性實現(xiàn)客戶端表單驗證。 Jul 03, 2025 am 02:31 AM

        client-sideformvalidationCanbedOnewithOutJavaScriptbyusinghtmlattributes.1)useRequiredToEnforCemandatoryField.2)validateMailsAndUrllSwithTyPeatTributesLikeEmailOrurl,orusepatternwithRegegexforCustomAlorurl

        如何使用HTML將選項分組? 如何使用HTML將選項分組? Jul 04, 2025 am 03:16 AM

        在HTML中使用標(biāo)籤可以對下拉菜單中的選項進(jìn)行分組。具體方法是用包裹一組元素,並通過label屬性定義組名,如:1.包含蘋果、香蕉、橙子等選項;2.包含胡蘿蔔、西蘭花等選項;3.每個為一個獨立分組,組內(nèi)選項自動縮進(jìn)。注意事項包括:①不支持嵌套;②可通過disabled屬性禁用整個組;③樣式受限需結(jié)合CSS或第三方庫美化;可使用Select2等插件增強(qiáng)功能。

        將CSS和JavaScript與HTML5結(jié)構(gòu)有效整合。 將CSS和JavaScript與HTML5結(jié)構(gòu)有效整合。 Jul 12, 2025 am 03:01 AM

        HTML5、CSS和JavaScript應(yīng)通過語義化標(biāo)籤、合理加載順序與解耦設(shè)計高效結(jié)合。 1.使用HTML5語義化標(biāo)籤如、提升結(jié)構(gòu)清晰度與可維護(hù)性,利於SEO和無障礙訪問;2.CSS應(yīng)置於中,使用外部文件並按模塊拆分,避免內(nèi)聯(lián)樣式與延遲加載問題;3.JavaScript推薦放在前引入,使用defer或async異步加載以避免阻塞渲染;4.減少三者間強(qiáng)依賴,通過data-*屬性驅(qū)動行為、類名控制狀態(tài),統(tǒng)一命名規(guī)範(fàn)提升協(xié)作效率。這些方法能有效優(yōu)化頁面性能與團(tuán)隊協(xié)作。

        使用HTML按鈕元素實現(xiàn)可點擊按鈕 使用HTML按鈕元素實現(xiàn)可點擊按鈕 Jul 07, 2025 am 02:31 AM

        要使用HTML的button元素實現(xiàn)可點擊按鈕,首先需掌握其基本用法與常見註意事項。 1.使用標(biāo)籤創(chuàng)建按鈕,並通過type屬性定義行為(如button、submit、reset),默認(rèn)為submit;2.通過JavaScript添加交互功能,可內(nèi)聯(lián)寫法或通過ID綁定事件監(jiān)聽器以提升維護(hù)性;3.利用CSS自定義樣式,包括背景色、邊框、圓角及hover/active狀態(tài)效果,增強(qiáng)用戶體驗;4.注意常見問題:確保未啟用disabled屬性、正確綁定JS事件、避免佈局遮擋,並藉助開發(fā)者工具排查異常。掌握這

        使用新的HTML5方法(FormData)提交表單數(shù)據(jù) 使用新的HTML5方法(FormData)提交表單數(shù)據(jù) Jul 08, 2025 am 02:28 AM

        使用HTML5的FormDataAPI提交表單數(shù)據(jù)更方便,1.它可自動收集帶name屬性的表單字段或手動添加數(shù)據(jù);2.支持通過fetch或XMLHttpRequest以multipart/form-data格式提交,適合文件上傳;3.處理文件時只需將文件附加到FormData並發(fā)送請求即可;4.注意同名字段會被覆蓋、需處理JSON轉(zhuǎn)換及無嵌套結(jié)構(gòu)等問題。

        See all articles