Need a unique gift idea?
A Pastebin account makes a great Christmas gift
SHARE
TWEET

KODE WARNA CSS

VanGans Sep 18th, 2018 (edited) 71 Never
Upgrade to PRO!
ENDING IN00days00hours00mins00secs
 
  1. KODE WARNA CSS
  2.  
  3. Contoh: untuk warna merah dituliskan:
  4.  
  5.     <font color="red">Contoh Warna</font>
  6.  
  7. atau jika ditulis dalam kode HTML
  8.  
  9.     <font color="#FF0000">Contoh Warna</font>
  10.  
  11. Berikut kode CSS Lengkap berdasarkan berdasarkan kode hexadecimal dan kode RGB. Referensi kode warna dibawah berdasarkan sumber dari w3schools yang aku tambahkan dengan kode RGB.
  12.  
  13.  
  14. HEX     RGB
  15.  
  16.     Alice Blue      #F0F8FF     rgb(240, 248, 254)
  17.  
  18.     Antique White   #FAEBD7     rgb(251, 235, 217)
  19.  
  20.     Aqua            #00FFFF     rgb(0, 255, 254)
  21.  
  22.     Aquamarine      #7FFFD4     rgb(115, 255, 216)
  23.  
  24.     Azure           #F0FFFF     rgb(239, 255, 255)
  25.  
  26.     Beige           #F5F5DC     rgb(245, 245, 223)
  27.  
  28.     Bisque          #FFE4C4     rgb(255, 227, 200)
  29.  
  30.     Black           #000000     rgb(0, 0, 0)
  31.  
  32.     Blanched Almond     #FFEBCD     rgb(255, 234, 208)
  33.  
  34.     Blue            #0000FF     rgb(0, 0, 255)
  35.  
  36.     Blue Violet     #8A2BE2     rgb(138, 43, 226)
  37.  
  38.     Brown           #A52A2A     rgb(165, 42, 42)
  39.  
  40.     Burly Wood      #DEB887     rgb(222, 184, 135)
  41.  
  42.     Cadet Blue      #5F9EA0     rgb(95, 158, 160)
  43.  
  44.     Chartreuse      #7FFF00     rgb(127, 255, 1)
  45.  
  46.     Chocolate       #D2691E     rgb(210, 105, 30)
  47.  
  48.     Coral           #FF7F50     rgb(251, 127, 80)
  49.  
  50.     Cornflower Blue     #6495ED     rgb(100, 149, 237)
  51.  
  52.     Cornsilk        #FFF8DC     rgb(225, 248, 220)
  53.  
  54.     Crimson         #DC143C     rgb(220, 20, 60)
  55.  
  56.     Cyan            #00FFFF     rgb(62, 254, 255)
  57.  
  58.     Dark Blue       #00008B     rgb(0, 0, 139)
  59.  
  60.     Dark Cyan       #008B8B     rgb(29, 139, 139)
  61.  
  62.     Dark Golden Rod     #B8860B     rgb(184, 134, 11)
  63.  
  64.     Dark Gray       #A9A9A9     rgb(169, 169, 169)
  65.  
  66.     Dark Green      #006400     rgb(19, 100, 0)
  67.  
  68.     Dark Khaki      #BDB76B     rgb(189, 183, 107)
  69.  
  70.     Dark Magenta    #8B008B     rgb(139, 0, 140)
  71.  
  72.     Dark Olive Green    #556B2F     rgb(85, 107, 47)
  73.  
  74.     Dark Orange     #FF8C00     rgb(251, 140, 1)
  75.  
  76.     Dark Orchid     #9932CC     rgb(153, 50, 204)
  77.  
  78.     Dark Red        #8B0000     rgb(139, 5, 0)
  79.  
  80.     Dark Salmon     #E9967A     rgb(233, 150, 122)
  81.  
  82.     Dark Sea Green  #8FBC8F     rgb(143, 188, 144)
  83.  
  84.     Dark Slate Blue     #483D8B     rgb(72, 61, 139)
  85.  
  86.     Dark Slate Gray     #2F4F4F     rgb(47, 79, 79)
  87.  
  88.     Dark Turquoise  #00CED1     rgb(48, 206, 209)
  89.  
  90.     Dark Violet     #9400D3     rgb(148, 0, 211)
  91.  
  92.     Deep Pink       #FF1493     rgb(249, 19, 147)
  93.  
  94.     Deep Sky Blue   #00BFFF     rgb(43, 191, 254)
  95.  
  96.     Dim Gray        #696969     rgb(105, 105, 105)
  97.  
  98.     Dodger Blue     #1E90FF     rgb(30, 144, 255)
  99.  
  100.     Fire Brick      #B22222     rgb(178, 34, 33)
  101.  
  102.     Floral White    #FFFAF0     rgb(255, 250, 240)
  103.  
  104.     Forest Green    #228B22     rgb(34, 139, 35)
  105.  
  106.     Fuchsia         #FF00FF     rgb(249, 0, 255)
  107.  
  108.     Gainsboro       #DCDCDC     rgb(220, 220, 220)
  109.  
  110.     Ghost White     #F8F8FF     rgb(248, 248, 255)
  111.  
  112.     Gold            #FFD700     rgb(253, 215, 3)
  113.  
  114.     Golden Rod      #DAA520     rgb(218, 165, 32)
  115.  
  116.     Gray            #808080     rgb(128, 128, 128)
  117.  
  118.     Green           #008000     rgb(27, 128, 1)
  119.  
  120.     Green Yellow    #ADFF2F     rgb(173, 255, 48)
  121.  
  122.     Honey Dew      #F0FFF0  rgb(240, 255, 240)
  123.  
  124.     Hot Pink       #FF69B4  rgb(240, 255, 240)
  125.  
  126.     Indian Red     #CD5C5C  rgb(205, 92, 92)
  127.  
  128.     Indigo         #4B0082  rgb(75, 0, 130)
  129.  
  130.     Ivory          #FFFFF0  rgb(255, 255, 239)
  131.  
  132.     Khaki          #F0E68C  rgb(240, 230, 140)
  133.  
  134.     Lavender       #E6E6FA  rgb(230, 230, 250)
  135.  
  136.     Lavender Blush  #FFF0F5     rgb(254, 240, 245)
  137.  
  138.     Lawn Green      #7CFC00     rgb(124, 252, 2)
  139.  
  140.     Lemon Chiffon   #FFFACD     rgb(255, 250, 205)
  141.  
  142.     Light Blue      #ADD8E6     rgb(173, 216, 230)
  143.  
  144.     Light Coral     #F08080     rgb(240, 128, 128)
  145.  
  146.     Light Cyan      #E0FFFF     rgb(224, 255, 255)
  147.  
  148.     Light Golden Rod Yellow     #FAFAD2     rgb(250, 250, 210)
  149.  
  150.     Light Gray      #D3D3D3     rgb(211, 211, 211)
  151.  
  152.     Light Green     #90EE90     rgb(144, 238, 144)
  153.  
  154.     Light Pink      #FFB6C1     rgb(252, 182, 193)
  155.  
  156.     Light Salmon    #FFA07A     rgb(251, 160, 122)
  157.  
  158.     Light Sea Green     #20B2AA     rgb(40, 178, 170)
  159.  
  160.     Light Sky Blue   #87CEFA    rgb(135, 206, 250)
  161.  
  162.     Light Slate Gray    #778899     rgb(119, 136, 153)
  163.  
  164.     Light Steel Blue    #B0C4DE     rgb(176, 196, 222)
  165.  
  166.     Light Yellow    #FFFFE0     rgb(255, 255, 224)
  167.  
  168.     Lime           #00FF00  rgb(63, 255, 0)
  169.  
  170.     Lime Green     #32CD32  rgb(50, 205, 50)
  171.  
  172.     Linen         #FAF0E6   rgb(250, 240, 230)
  173.  
  174.     Magenta     #FF00FF     rgb(249, 0, 255)
  175.  
  176.     Maroon      #800000     rgb(128, 4, 0)
  177.  
  178.     Medium Aqua Marine  #66CDAA     rgb(102, 205, 170)
  179.  
  180.     Medium Blue     #0000CD     rgb(0, 0, 205)
  181.  
  182.     Medium Orchid   #BA55D3     rgb(186, 85, 211)
  183.  
  184.     Medium Purple   #9370DB     rgb(147, 112, 219)
  185.  
  186.     Medium Sea Green    #3CB371     rgb(60, 179, 113)
  187.  
  188.     Medium Slate Blue   #7B68EE     rgb(123, 103, 238)
  189.  
  190.     Medium Spring Green     #00FA9A     rgb(62, 250, 153)
  191.  
  192.     Medium Turquoise    #48D1CC     rgb(72, 209, 204)
  193.  
  194.     Medium Violet Red   #C71585     rgb(199, 21, 133)
  195.  
  196.     Midnight Blue   #191970     rgb(25, 25, 112)
  197.  
  198.     Mint Cream  #F5FFFA     rgb(245, 255, 250)
  199.  
  200.     Misty Rose  #FFE4E1     rgb(254, 228, 225)
  201.  
  202.     Moccasin    #FFE4B5     rgb(254, 228, 181)
  203.  
  204.     Navajo White    #FFDEAD     rgb(254, 222, 173)
  205.  
  206.     Navy    #000080     rgb(0, 0, 128)
  207.  
  208.     Old Lace    #FDF5E6     rgb(253, 245, 230)
  209.  
  210.     Olive   #808000     rgb(128, 128, 1)
  211.  
  212.     Olive Drab  #6B8E23     rgb(107, 142, 35)
  213.  
  214.     Orange  #FFA500     rgb(252, 165, 3)
  215.  
  216.     Orange Red  #FF4500     rgb(250, 69, 1)
  217.  
  218.     Orchid  #DA70D6     rgb(218, 112, 214)
  219.  
  220.     Pale Golden Rod     #EEE8AA     rgb(238, 232, 170)
  221.  
  222.     Pale Green  #98FB98     rgb(152, 251, 153)
  223.  
  224.     Pale Turquoise  #AFEEEE     rgb(175, 238, 239)
  225.  
  226.     Pale Violet Red     #DB7093     rgb(219, 112, 147)
  227.  
  228.     Papaya Whip     #FFEFD5     rgb(254, 239, 213)
  229.  
  230.     Peach Puff  #FFDAB9     rgb(253, 218, 185)
  231.  
  232.     Peru    #CD853F     rgb(205, 133, 63)
  233.  
  234.     Pink    #FFC0CB     rgb(252, 192, 203)
  235.  
  236.     Plum    #DDA0DD     rgb(221, 160, 221)
  237.  
  238.     Powder Blue     #B0E0E6     rgb(176, 224, 230)
  239.  
  240.     Purple  #800080     rgb(128, 0, 128)
  241.  
  242.     Rebecca Purple  #663399     rgb(102, 51, 153)
  243.  
  244.     Red     #FF0000     rgb(255, 0, 0)
  245.  
  246.     Rosy Brown  #BC8F8F     rgb(188, 143, 142)
  247.  
  248.     Royal Blue  #4169E1     rgb(65, 105, 225)
  249.  
  250.     Saddle Brown    #8B4513     rgb(139, 69, 19)
  251.  
  252.     Salmon  #FA8072     rgb(250, 128, 114)
  253.  
  254.     Sandy Brown     #F4A460     rgb(244, 164, 95)
  255.  
  256.     Sea Green   #2E8B57     rgb(46, 139, 87)
  257.  
  258.     Sea Shell   #FFF5EE     rgb(255, 245, 238)
  259.  
  260.     Sienna  #A0522D     rgb(160, 82, 45)
  261.  
  262.     Silver  #C0C0C0     rgb(192, 192, 192)
  263.  
  264.     Sky Blue    #87CEEB     rgb(135, 206, 235)
  265.  
  266.     Slate Blue  #6A5ACD     rgb(106, 90, 205)
  267.  
  268.     Slate Gray  #708090     rgb(112, 128, 145)
  269.  
  270.     Snow    #FFFAFA     rgb(255, 250, 250)
  271.  
  272.     Spring Green    #00FF7F     rgb(63, 255, 128)
  273.  
  274.     Steel Blue  #4682B4     rgb(70, 130, 180)
  275.  
  276.     Tan     #D2B48C     rgb(210, 180, 140)
  277.  
  278.     Teal    #008080     rgb(26, 128, 127)
  279.  
  280.     Thistle     #D8BFD8     rgb(216, 191, 216)
  281.  
  282.     Tomato  #FF6347     rgb(250, 99, 71)
  283.  
  284.     Turquoise   #40E0D0     rgb(64, 224, 208)
  285.  
  286.     Violet  #EE82EE     rgb(238, 130, 238)
  287.  
  288.     Wheat   #F5DEB3     rgb(245, 222, 179)
  289.  
  290.     White   #FFFFFF     rgb(255, 255, 255)
  291.  
  292.     White Smoke     #F5F5F5     rgb(245, 245, 245)
  293.  
  294.     Yellow  #FFFF00     rgb(255, 255, 0)
  295.  
  296.     Yellow Green    #9ACD32     rgb(154, 205, 49)
  297.  
  298.  
  299.  
  300.  
  301. Contoh Cara Penggunaan
  302.  
  303. Berikut cara penggunaan kode warna CSS yang benar pada sebuah kode CSS.
  304.  
  305. Kode CSS:
  306.  
  307. .warna-teks {
  308.     color: #FF6347;     /* TOMATO */
  309. }
  310.  
  311. Atau bisa penulisan warna dalam bentuk rgb seperti berikut:
  312.  
  313. Kode CSS:
  314.  
  315. .warna-teks {
  316.     color: rgb(250, 99, 71);     /* TOMATO */
  317. }
  318.  
  319. Kode HTML:
  320.  
  321. <!DOCTYPE html>
  322. <html lang="en">
  323. <head>
  324.     <meta charset="UTF-8">
  325.     <title>Kode Warna CSS</title>
  326. </head>
  327. <body>
  328.     <p class="warna-teks">Warna Teks Berubah</p>
  329. </body>
  330. </html>
  331.  
  332.  
  333.  
  334.  
  335.  
  336. Kode warna tersebut juga dapat digunakan pada kode HTML seperti berikut:
  337.  
  338. Kode HTML:
  339.  
  340. <!DOCTYPE html>
  341. <html lang="en">
  342. <head>
  343.     <meta charset="UTF-8">
  344.     <title>Kode Warna CSS</title>
  345. </head>
  346. <body>
  347.     <p><font color="#FF6347">Warna Teks Berubah</font></p>
  348. </body>
  349. </html>
  350.  
  351. Hasilnya akan seperti berikut:
  352.  
  353. Warna Teks Berubah
  354.  
  355.  
  356.  
  357. Atau bisa juga menggunakan inline style seperti berikut:
  358.  
  359. Kode HTML:
  360.  
  361. <!DOCTYPE html>
  362. <html lang="en">
  363. <head>
  364.     <meta charset="UTF-8">
  365.     <title>Kode Warna CSS</title>
  366. </head>
  367. <body>
  368.     <p><font style="color:#FF6347">Warna Teks Berubah</font></p>
  369. </body>
  370. </html>
  371.  
  372.  
  373.  
  374. Semoga bermanfaat
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top