Teachnique
      CourseRoadmaps
      Login

      IntroductionSyntaxSelectorsInclusionMeasurement UnitsColorsBackgroundsFontsTextImagesLinksTablesBordersBorder BlockBorder InlineMarginsListsPaddingCursorOutlinesDimensionScrollbarsInline BlockDropdownsVisibilityOverflowClearfixFloatArrowsResizeQuotesOrderPositionHyphensHoverDisplayFocusZoomTranslateHeightHyphenate CharacterWidthOpacityZ-IndexBottomNavbarOverlayFormsAlignIconsImage GalleryCommentsLoadersAttr SelectorsCombinatorsRootBox ModelCountersClipWriting ModeUnicode-bidimin-contentAllInsetIsolationOverscrollJustify ItemsJustify SelfTab SizePointer EventsPlace ContentPlace ItemsPlace SelfMax Block SizeMin Block SizeMix Blend ModeMax Inline SizeMin Inline SizeOffsetAccent ColorUser Select

      GridGrid LayoutFlexboxVisibilityPositioningLayersPseudo ClassesPseudo Elements@ RulesText EffectsPaged MediaPrintingLayoutsValidationsImage SpritesImportantData Types

      TutorialRounded CornerBorder ImagesMulti BackgroundColorGradientsBox ShadowBox Decoration BreakCaret ColorText ShadowText2d transform3d transformTransitionAnimationMulti columnsBox SizingTooltipsButtonsPaginationVariablesMedia QueriesFunctionsMath FunctionsMaskingShapesStyle ImagesSpecificityCustom Properties

      IntroductionViewportGrid ViewMedia QueriesImagesVideosFrameworks

      Questions and AnswersQuick GuideReferencesColor ReferencesWeb browser ReferencesWeb safe fontsUnitsAnimation

      PX to EM converterColor Chooser & Animation

      Useful ResourcesDiscussion

      Feedback

      Submit request if you have any questions.

      Course
      Color References

      CSS Tutorial

      This CSS tutorial is designed for beginners to navigate through the essentials and intricate aspects of CSS styling. Upon finishing this tutorial, participants will possess a comprehensive understanding of CSS, setting a solid foundation for further exploration and mastery. This guide aims to equip you with the skills necessary to transform your visions into visually appealing web designs, laying the groundwork for your journey towards becoming an accomplished web designer.

      Color References

      The following table shows the 16 color names that were introduced in HTML 3.2, to support the 16 colors that 8-bit graphics cards offered. Same set of color can be used in CSS −
      Color Name
      Hex Value
      Color
      Show
      aqua
      #00ffff
      
      Demo
      black
      #000000
      
      Demo
      blue
      #0000ff
      
      Demo
      fuchsia
      #ff00ff
      
      Demo
      green
      #008000
      
      Demo
      gray
      #808080
      
      Demo
      lime
      #00ff00
      
      Demo
      maroon
      #800000
      
      Demo
      navy
      #000080
      
      Demo
      olive
      #808000
      
      Demo
      purple
      #800080
      
      Demo
      red
      #ff0000
      
      Demo
      silver
      #c0c0c0
      
      Demo
      teal
      #008080
      
      Demo
      white
      #ffffff
      
      Demo
      yellow
      #ffff00
      
      Demo
      There are other colors, which are not part of HTML or XHTML but they are supported by most of the versions of IE or Netscape. These color names can be used in CSS as well.
      Color Name
      Hex Value
      Color
      Show
      aliceblue
      #f0f8ff
      
      Demo
      antiquewhite
      #faebd7
      
      Demo
      aquamarine
      #7fffd4
      
      Demo
      azure
      #f0ffff
      
      Demo
      beige
      #f5f5dc
      
      Demo
      bisque
      #ffe4c4
      
      Demo
      blanchedalmond
      #ffebcd
      
      Demo
      blueviolet
      #8a2be2
      
      Demo
      brown
      #a52a2a
      
      Demo
      burlywood
      #deb887
      
      Demo
      cadetblue
      #5f9ea0
      
      Demo
      chartreuse
      #7fff00
      
      Demo
      chocolate
      #d2691e
      
      Demo
      coral
      #ff7f50
      
      Demo
      cornflowerblue
      #6495ed
      
      Demo
      cornsilk
      #fff8dc
      
      Demo
      crimson
      #dc143c
      
      Demo
      cyan
      #00ffff
      
      Demo
      darkblue
      #00008b
      
      Demo
      darkcyan
      #008b8b
      
      Demo
      darkgoldenrod
      #b8860b
      
      Demo
      darkgray
      #a9a9a9
      
      Demo
      darkgreen
      #006400
      
      Demo
      darkkhaki
      #bdb76b
      
      Demo
      darkmagenta
      #8b008b
      
      Demo
      darkolivegreen
      #556b2f
      
      Demo
      darkorange
      #ff8c00
      
      Demo
      darkorchid
      #9932cc
      
      Demo
      darkred
      #8b0000
      
      Demo
      darksalmon
      #e9967a
      
      Demo
      darkseagreen
      #8fbc8f
      
      Demo
      darkslateblue
      #483d8b
      
      Demo
      darkslategray
      #2f4f4f
      
      Demo
      darkturquoise
      #00ced1
      
      Demo
      darkviolet
      #9400d3
      
      Demo
      deeppink
      #ff1493
      
      Demo
      deepskyblue
      #00bfff
      
      Demo
      dimgray
      #696969
      
      Demo
      dodgerblue
      #1e90ff
      
      Demo
      firebrick
      #b22222
      
      Demo
      floralwhite
      #fffaf0
      
      Demo
      forestgreen
      #228b22
      
      Demo
      gainsboro
      #dcdcdc
      
      Demo
      ghostwhite
      #f8f8ff
      
      Demo
      gold
      #ffd700
      
      Demo
      goldenrod
      #daa520
      
      Demo
      gray
      #808080
      
      Demo
      greenyellow
      #adff2f
      
      Demo
      honeydew
      #f0fff0
      
      Demo
      hotpink
      #ff69b4
      
      Demo
      indianred
      #cd5c5c
      
      Demo
      indigo
      #4b0082
      
      Demo
      ivory
      #fffff0
      
      Demo
      khaki
      #f0e68c
      
      Demo
      lavender
      #e6e6fa
      
      Demo
      lavenderblush
      #fff0f5
      
      Demo
      lawngreen
      #7cfc00
      
      Demo
      lemonchiffon
      #fffacd
      
      Demo
      lightblue
      #add8e6
      
      Demo
      lightcoral
      #f08080
      
      Demo
      lightcyan
      #e0ffff
      
      Demo
      lightgoldenrodyellow
      #fafad2
      
      Demo
      lightgreen
      #90ee90
      
      Demo
      lightgrey
      #d3d3d3
      
      Demo
      lightpink
      #ffb6c1
      
      Demo
      lightsalmon
      #ffa07a
      
      Demo
      lightseagreen
      #20b2aa
      
      Demo
      lightskyblue
      #87cefa
      
      Demo
      lightslategray
      #778899
      
      Demo
      lightsteelblue
      #b0c4de
      
      Demo
      lightyellow
      #ffffe0
      
      Demo
      limegreen
      #32cd32
      
      Demo
      linen
      #faf0e6
      
      Demo
      magenta
      #ff00ff
      
      Demo
      mediumblue
      #0000cd
      
      Demo
      mediumorchid
      #ba55d3
      
      Demo
      mediumpurple
      #9370db
      
      Demo
      midnightblue
      #191970
      
      Demo
      mistyrose
      #ffe4e1
      
      Demo
      moccasin
      #ffe4b5
      
      Demo
      oldlace
      #fdf5e6
      
      Demo
      orange
      #ffa500
      
      Demo
      orchid
      #da70d6
      
      Demo
      peachpuff
      #ffdab9
      
      Demo
      peru
      #cd853f
      
      Demo
      pink
      #ffc0cb
      
      Demo
      plum
      #dda0dd
      
      Demo
      purple
      #800080
      
      Demo
      rosybrown
      #bc8f8f
      
      Demo
      royalblue
      #4169e1
      
      Demo
      salmon
      #fa8072
      
      Demo
      sandybrown
      #f4a460
      
      Demo
      seagreen
      #2e8b57
      
      Demo
      sienna
      #a0522d
      
      Demo
      skyblue
      #87ceeb
      
      Demo
      slateblue
      #6a5acd
      
      Demo
      steelblue
      #4682b4
      
      Demo
      tan
      #d2b48c
      
      Demo
      thistle
      #d8bfd8
      
      Demo
      tomato
      #ff6347
      
      Demo
      violet
      #ee82ee
      
      Demo
      wheat
      #f5deb3
      
      Demo
      whitesmoke
      #f5f5f5
      
      Demo
      yellow
      #ffff00
      
      Demo
      yellowgreen
      #9acd32
      
      Demo