Kode Warna CSS dan HTML Lengkap Full Color

Kumpulan Kode Warna CSS dan HTML

NAMA WARNA	KODE HEX	KODE RGB
Alice Blue	#F0F8FF	rgb(240, 248, 254)
Antique White	#FAEBD7	rgb(251, 235, 217)
Aqua	#00FFFF	rgb(0, 255, 254)
Aquamarine	#7FFFD4	rgb(115, 255, 216)
Azure	#F0FFFF	rgb(239, 255, 255)
Beige	#F5F5DC	rgb(245, 245, 223)
Bisque	#FFE4C4	rgb(255, 227, 200)
Black	#000000	rgb(0, 0, 0)
Blanched Almond	#FFEBCD	rgb(255, 234, 208)
Blue	#0000FF	rgb(0, 0, 255)
Blue Violet	#8A2BE2	rgb(138, 43, 226)
Brown	#A52A2A	rgb(165, 42, 42)
Burly Wood	#DEB887	rgb(222, 184, 135)
Cadet Blue	#5F9EA0	rgb(95, 158, 160)
Chartreuse	#7FFF00	rgb(127, 255, 1)
Chocolate	#D2691E	rgb(210, 105, 30)
Coral	#FF7F50	rgb(251, 127, 80)
Cornflower Blue	#6495ED	rgb(100, 149, 237)
Cornsilk	#FFF8DC	rgb(225, 248, 220)
Crimson	#DC143C	rgb(220, 20, 60)
Cyan	#00FFFF	rgb(62, 254, 255)
Dark Blue	#00008B	rgb(0, 0, 139)
Dark Cyan	#008B8B	rgb(29, 139, 139)
Dark Golden Rod	#B8860B	rgb(184, 134, 11)
Dark Gray	#A9A9A9	rgb(169, 169, 169)
Dark Green	#006400	rgb(19, 100, 0)
Dark Khaki	#BDB76B	rgb(189, 183, 107)
Dark Magenta	#8B008B	rgb(139, 0, 140)
Dark Olive Green	#556B2F	rgb(85, 107, 47)
Dark Orange	#FF8C00	rgb(251, 140, 1)
Dark Orchid	#9932CC	rgb(153, 50, 204)
Dark Red	#8B0000	rgb(139, 5, 0)
Dark Salmon	#E9967A	rgb(233, 150, 122)
Dark Sea Green	#8FBC8F	rgb(143, 188, 144)
Dark Slate Blue	#483D8B	rgb(72, 61, 139)
Dark Slate Gray	#2F4F4F	rgb(47, 79, 79)
Dark Turquoise	#00CED1	rgb(48, 206, 209)
Dark Violet	#9400D3	rgb(148, 0, 211)
Deep Pink	#FF1493	rgb(249, 19, 147)
Deep Sky Blue	#00BFFF	rgb(43, 191, 254)
Dim Gray	#696969	rgb(105, 105, 105)
Dodger Blue	#1E90FF	rgb(30, 144, 255)
Fire Brick	#B22222	rgb(178, 34, 33)
Floral White	#FFFAF0	rgb(255, 250, 240)
Forest Green	#228B22	rgb(34, 139, 35)
Fuchsia	#FF00FF	rgb(249, 0, 255)
Gainsboro	#DCDCDC	rgb(220, 220, 220)
Ghost White	#F8F8FF	rgb(248, 248, 255)
Gold	#FFD700	rgb(253, 215, 3)
Golden Rod	#DAA520	rgb(218, 165, 32)
Gray	#808080	rgb(128, 128, 128)
Green	#008000	rgb(27, 128, 1)
Green Yellow	#ADFF2F	rgb(173, 255, 48)
Honey Dew	#F0FFF0	rgb(240, 255, 240)
Hot Pink	#FF69B4	rgb(240, 255, 240)
Indian Red	#CD5C5C	rgb(205, 92, 92)
Indigo	#4B0082	rgb(75, 0, 130)
Ivory	#FFFFF0	rgb(255, 255, 239)
Khaki	#F0E68C	rgb(240, 230, 140)
Lavender	#E6E6FA	rgb(230, 230, 250)
Lavender Blush	#FFF0F5	rgb(254, 240, 245)
Lawn Green	#7CFC00	rgb(124, 252, 2)
Lemon Chiffon	#FFFACD	rgb(255, 250, 205)
Light Blue	#ADD8E6	rgb(173, 216, 230)
Light Coral	#F08080	rgb(240, 128, 128)
Light Cyan	#E0FFFF	rgb(224, 255, 255)
Light Golden Rod Yellow	#FAFAD2	rgb(250, 250, 210)
Light Gray	#D3D3D3	rgb(211, 211, 211)
Light Green	#90EE90	rgb(144, 238, 144)
Light Pink	#FFB6C1	rgb(252, 182, 193)
Light Salmon	#FFA07A	rgb(251, 160, 122)
Light Sea Green	#20B2AA	rgb(40, 178, 170)
Light Sky Blue	#87CEFA	rgb(135, 206, 250)
Light Slate Gray	#778899	rgb(119, 136, 153)
Light Steel Blue	#B0C4DE	rgb(176, 196, 222)
Light Yellow	#FFFFE0	rgb(255, 255, 224)
Lime	#00FF00	rgb(63, 255, 0)
Lime Green	#32CD32	rgb(50, 205, 50)
Linen	#FAF0E6	rgb(250, 240, 230)
Magenta	#FF00FF	rgb(249, 0, 255)
Maroon	#800000	rgb(128, 4, 0)
Medium Aqua Marine	#66CDAA	rgb(102, 205, 170)
Medium Blue	#0000CD	rgb(0, 0, 205)
Medium Orchid	#BA55D3	rgb(186, 85, 211)
Medium Purple	#9370DB	rgb(147, 112, 219)
Medium Sea Green	#3CB371	rgb(60, 179, 113)
Medium Slate Blue	#7B68EE	rgb(123, 103, 238)
Medium Spring Green	#00FA9A	rgb(62, 250, 153)
Medium Turquoise	#48D1CC	rgb(72, 209, 204)
Medium Violet Red	#C71585	rgb(199, 21, 133)
Midnight Blue	#191970	rgb(25, 25, 112)
Mint Cream	#F5FFFA	rgb(245, 255, 250)
Misty Rose	#FFE4E1	rgb(254, 228, 225)
Moccasin	#FFE4B5	rgb(254, 228, 181)
Navajo White	#FFDEAD	rgb(254, 222, 173)
Navy	#000080	rgb(0, 0, 128)
Old Lace	#FDF5E6	rgb(253, 245, 230)
Olive	#808000	rgb(128, 128, 1)
Olive Drab	#6B8E23	rgb(107, 142, 35)
Orange	#FFA500	rgb(252, 165, 3)
Orange Red	#FF4500	rgb(250, 69, 1)
Orchid	#DA70D6	rgb(218, 112, 214)
Pale Golden Rod	#EEE8AA	rgb(238, 232, 170)
Pale Green	#98FB98	rgb(152, 251, 153)
Pale Turquoise	#AFEEEE	rgb(175, 238, 239)
Pale Violet Red	#DB7093	rgb(219, 112, 147)
Papaya Whip	#FFEFD5	rgb(254, 239, 213)
Peach Puff	#FFDAB9	rgb(253, 218, 185)
Peru	#CD853F	rgb(205, 133, 63)
Pink	#FFC0CB	rgb(252, 192, 203)
Plum	#DDA0DD	rgb(221, 160, 221)
Powder Blue	#B0E0E6	rgb(176, 224, 230)
Purple	#800080	rgb(128, 0, 128)
Rebecca Purple	#663399	rgb(102, 51, 153)
Red	#FF0000	rgb(255, 0, 0)
Rosy Brown	#BC8F8F	rgb(188, 143, 142)
Royal Blue	#4169E1	rgb(65, 105, 225)
Saddle Brown	#8B4513	rgb(139, 69, 19)
Salmon	#FA8072	rgb(250, 128, 114)
Sandy Brown	#F4A460	rgb(244, 164, 95)
Sea Green	#2E8B57	rgb(46, 139, 87)
Sea Shell	#FFF5EE	rgb(255, 245, 238)
Sienna	#A0522D	rgb(160, 82, 45)
Silver	#C0C0C0	rgb(192, 192, 192)
Sky Blue	#87CEEB	rgb(135, 206, 235)
Slate Blue	#6A5ACD	rgb(106, 90, 205)
Slate Gray	#708090	rgb(112, 128, 145)
Snow	#FFFAFA	rgb(255, 250, 250)
Spring Green	#00FF7F	rgb(63, 255, 128)
Steel Blue	#4682B4	rgb(70, 130, 180)
Tan	#D2B48C	rgb(210, 180, 140)
Teal	#008080	rgb(26, 128, 127)
Thistle	#D8BFD8	rgb(216, 191, 216)
Tomato	#FF6347	rgb(250, 99, 71)
Turquoise	#40E0D0	rgb(64, 224, 208)
Violet	#EE82EE	rgb(238, 130, 238)
Wheat	#F5DEB3	rgb(245, 222, 179)
White	#FFFFFF	rgb(255, 255, 255)
White Smoke	#F5F5F5	rgb(245, 245, 245)
Yellow	#FFFF00	rgb(255, 255, 0)
Yellow Green	#9ACD32	rgb(154, 205, 49)

Kode warna yang kami sampaikan di atas berdasarkan sumber dari w3schools. Ada banyak sekali pilihan warna yang bisa sobat pilih. Mulai dari warna cerah, gelap, hingga warna crayon yang terlihat lebih soft dibandingkan kode warna CSS lainnya. Sobat tinggal mengaplikasikan salah satu warna di atas untuk merubah tampilan background website ataupun kebutuhan editing lainnya. Selain itu, sobat bisa memadukan beberapa warna menjadi satu yang dikenal dengan nama warna gradiasi.

Nah bagi yang masih bingung bagaimana cara mengaplikasikan warna di atas untuk merubah tampilan CSS website, silahkan simak contohnya dibawah ini.

<span style=”color: #ffffff;”>warna putih</span>

Kode di atas akan membuat tulisan pada website menjadi warna putih. Kode warna CSS #ffffff memang dikhusukan untuk warna putih. Sobat bisa mengganti kode tersebut dengan beragam kode warna CSS yang sobat sukai. Pengaplikasian kode warna CSS di atas bisa berbeda-beda, karena tergantung platform yang sobat gunakan.

Share:

Read More

Aplikasi CRUD Java Sederhana Menggunakan Database MySQL

Bagaimana cara membuat aplikasi CRUD (create, read, update, delete) sederhana menggunakan NetBeans IDE dan dengan koneksi database MySQL JDBC driver? dalam tutorial ini penulis akan mencoba menjelaskan tentang pembuatan aplikasi CRUD java seperti pertanyaan diatas, penjelasan sederhana mengenai aplikasi yang akan dibuat adalah dimana aplikasi nantinya akan melakukan koneksi ke database MySQL menggunakan koneksi ODBC driver dan mengeksekusi query yang diperintahkan oleh user untuk menampilkan data dengan perintah Select, mengupdate dengan perintah SQL update, menambah data dengan perintah Insert dan untuk menghapus data dengan perintah Delete.

Dalam pembuatan aplikasi CRUD sederhana ini diwajibkan sebelumnya kamu harus sudah membuat sebuah database MySQL, den penulis tidak akan membahas cara membuat database dalam tutorial ini dan mari kita mulai tutorialnya.

Membuat Project baru Java NetBeans

Buka aplikasi NetBeans IDE dan buat project baru dengan cara klik New Project > Java > Java Application > Next > dan buat nama project "AplikasiCrud" > finish . untuk nama project bisa diganti sesuai kebutuhan.

Setelah project dibuat, secara default akan otomatis membuat Main Class dari project dengan nama sesuai nama project java kita, silahkan hapus terlebih dahulu (AplikasiCrud.java). kita akan membuat Form baru dengan JFrame dimana berfungsi untuk menampilkan seluruh data dan interface antara user dan database.

Membuat Form Baru Jframe (FrmUtama.Java)

Buatlah Form baru dengan cara klik kanan pada source package AplikasiCrud > New > Jframe > tuliskan nama form baru dengan nama "FrmUtama.java" dan > Finish. serta desainlah tampilan FrmUtama.java dengan menambahkan text box sebanyak 6 buah serta sebuah table dimana digunakan untuk input field ID, Nama, NIK, Jabatan, No hp, dan Alamat. Pokoknya sesuaikan saja dengan kebutuhan

Membuat Class Koneksi Database MySQL

Buatlah class baru dengan nama "koneksi.java". Sebelum memulai menuliskan code untuk koneksi java silahkan tambahkan library JDBCdriver ke dalam project dengan cara Klik kanan pada Libraries > ADD Jar / Folder dan pilih file MySQL JDBC Driver yang bisa kamu download di situs resminya https://dev.mysql.com/downloads/connector/j/.

Tuliskan code java untuk class koneksi.java berikut ini :

package delta; // nama package seusuai dengan nama project

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
import javax.swing.JOptionPane;

public class koneksi { // koneksi ke database
    private static Connection mysqlkonek;
    public static Connection koneksiDB() throws SQLException {
        if(mysqlkonek==null){
            try {
                String DB="jdbc:mysql://localhost:3306/delta_db"; // delta_db database
                String user="root"; // user database
                String pass=""; // password database
                DriverManager.registerDriver(new com.mysql.jdbc.Driver());
                mysqlkonek = (Connection) DriverManager.getConnection(DB,user,pass);
            } catch (Exception e) {
                JOptionPane.showMessageDialog(null,"gagal koneksi");
            }
        }
        return mysqlkonek;
    }
}

Membangun Komponen

Source Code Tombol New

Sebelum menuliskan code pada sub yang lain, silahkan import namespace yang dibutuhkan,

import java.awt.HeadlessException;
import java.sql.Connection;
import java.sql.SQLException;
import javax.swing.JOptionPane;
import net.proteanit.sql.DbUtils;

dan deklarasikan variable "databaru" dibawah class FrmUtama.java

public boolean databaru;

Selanjutnya langsung saja tuliskan code berikut pada tombol new

private void jButton1ActionPerformed(java.awt.event.ActionEvent evt) {
    databaru=true;
    // mengosongkan textbox
    jTextField1.setText("");
    jTextField2.setText("");
    jTextField3.setText("");
    jTextField4.setText("");
    jTextField5.setText("");
    jTextField6.setText("");
}

Berfungsi untuk mengosongkan seluruh TextField dan mendeklarasikan databaru menjadi true.

Function GetData (menampilkan data ke JTable)

private void GetData(){ // menampilkan data dari database
    try {
        Connection conn =(Connection)delta.koneksi.koneksiDB();
        java.sql.Statement stm = conn.createStatement();
        java.sql.ResultSet sql = stm.executeQuery("select * from karyawan");
        jTable1.setModel(DbUtils.resultSetToTableModel(sql));
    }
    catch (SQLException | HeadlessException e) {
    }
}

Source Code Tombol Save

private void jButton2ActionPerformed(java.awt.event.ActionEvent evt) {
    // TODO add your handling code here:
    if (databaru == true) { // prosess simpan atau edit
        try {
            String sql = "insert into karyawan values('"+jTextField1.getText()+"','"+jTextField2.getText()+"','"+jTextField3.getText()+"','"+jTextField4.getText()+"','"+jTextField5.getText()+"','"+jTextField6.getText()+"')";
            java.sql.Connection conn = (java.sql.Connection)delta.koneksi.koneksiDB();
            java.sql.PreparedStatement pst = conn.prepareStatement(sql);
            pst.execute();
            JOptionPane.showMessageDialog(null, "berhasil disimpan");
        } catch (SQLException | HeadlessException e) {
            JOptionPane.showMessageDialog(null, e);
        }
    } else {
        try {
            String sql = "update karyawan SET nama_karyawan='"+jTextField2.getText()+"',nik='"+jTextField3.getText()+"',jabatan='"+jTextField4.getText()+"',no_telphone='"+jTextField5.getText()+"',alamat='"+jTextField6.getText()+"' where id_karyawan='"+jTextField1.getText()+"'";
            java.sql.Connection conn = (java.sql.Connection)delta.koneksi.koneksiDB();
            java.sql.PreparedStatement pst = conn.prepareStatement(sql);
            pst.execute();
            JOptionPane.showMessageDialog(null, "berhasil disimpan");
        } catch (SQLException | HeadlessException e) {
            JOptionPane.showMessageDialog(null, e);
        }
    }
    GetData();
}

Membangun Komponen (Lanj.)

Source Code Tombol Delete

private void jButton3ActionPerformed(java.awt.event.ActionEvent evt) {
    // TODO add your handling code here:
    try { // hapus data
        String sql ="delete from karyawan where id_karyawan='"+jTextField1.getText()+"'";
        java.sql.Connection conn = (java.sql.Connection)delta.koneksi.koneksiDB();
        java.sql.PreparedStatement pst = conn.prepareStatement(sql);
        pst.execute();
        JOptionPane.showMessageDialog(null, "Data akan dihapus?");
        databaru=true;
        jTextField1.setText("");
        jTextField2.setText("");
        jTextField3.setText("");
        jTextField4.setText("");
        jTextField5.setText("");
        jTextField6.setText("");
    } catch (SQLException | HeadlessException e) {}

    GetData();
}

Source Code Form Load Form Utama

public FrmUtama() {
    initComponents();
    GetData(); // tampilkan ke grid
    databaru=true;
}

Source Code Event JTable

private void jTable1MouseClicked(java.awt.event.MouseEvent evt) {
    // TODO add your handling code here:
    databaru = false; // menampilkan data ke textboxt
    try {
        int row =jTable1.getSelectedRow();
        String tabel_klik=(jTable1.getModel().getValueAt(row, 0).toString());
        java.sql.Connection conn =(java.sql.Connection)delta.koneksi.koneksiDB();
        java.sql.Statement stm = conn.createStatement();
        java.sql.ResultSet sql = stm.executeQuery("select * from karyawan where id_karyawan='"+tabel_klik+"'");
        if(sql.next()){
            String id = sql.getString("id_karyawan");
            jTextField1.setText(id);
            String nama = sql.getString("nama_karyawan");
            jTextField2.setText(nama);
            String nik = sql.getString("nik");
            jTextField3.setText(nik);
            String jabatan = sql.getString("jabatan");
            jTextField4.setText(jabatan);
            String no_telp = sql.getString("no_telphone");
            jTextField5.setText(no_telp);
            String alamat = sql.getString("alamat");
            jTextField6.setText(alamat);
        }
    } catch (Exception e) {}
}

Source Code Tombol Exit

private void jButton4ActionPerformed(java.awt.event.ActionEvent evt) {
    // TODO add your handling code here:
    System.exit(0); // keluar
}

Sumber : https://www.codepolitan.com/aplikasi-crud-java-sederhana-menggunakan-database-mysql

Share:

Read More