HTML Color Picker Code

Asnawi Awe April 01, 2016

HTML Color Picker Code

HTML Color Picker adalah tool yang menyediakan warna-warna kode HTML yang umum digunakan pada website. Warna-warna yang diwakili oleh nilai-nilai heksadesimal (metode yang paling umum untuk web)atau juga menggunakan nilai-nilai RGB dapat Anda dapatkan pada tool HTML Color tersebut.

Cara menggunakannya:
1. Pindahkan slider vertikal untuk memilih warna yang sesuai, kemudian klik pada kotak warna di sebelah kanannya untuk mendapatkan HTML color code yang diinginkan.
2. Anda dapat juga memulai dengan warna Anda sendiri, dengan cara memasukkan kode warna langsung pada kolom input paling atas.
3. Anda dapat menyimpan kode warna-warna yang telah dipilih, dibagian bawah tool.

Masukan kode warna :

H °
S %
V %

Klik untuk menyimpan kode warna :

Dibawah ini daftar warna-warna yang telah dipilih. Untuk menyimpan kode warna HTML untuk kunjungan berikutnya klik pada ikon pinnya.

HTML Warna

Asnawi Awe Januari 28, 2016

HTML Warna

Semua TV dan layar komputer menampilkan warna dengan menggabungkan Merah, Hijau, dan Biru cahaya.

Nama warna

Dengan HTML, warna juga dapat diatur dengan menggunakan nama warna:

Contoh

Warna	Nama
	Red
	Orange
	Yellow
	Cyan
	Blue

RGB (Red, Green, Blue)

Dengan HTML, nilai-nilai warna RGB dapat ditentukan menggunakan rumus ini: rgb (merah, hijau, biru)

Setiap parameter (merah, hijau, dan biru) mendefinisikan intensitas warna antara 0 dan 255.

Misalnya, rgb (255,0,0) ditampilkan sebagai merah, karena merah diatur untuk nilai tertinggi (255) dan yang lainnya diatur ke 0. Percobaan dengan mencampur nilai-nilai RGB bawah:

Red	Green	Blue
255	0	0

Contoh

Warna	RGB
	rgb(255,0,0)
	rgb(255,255,0)
	rgb(0,255,0)
	rgb(0,255,255)
	rgb(0,0,255)

Warna abu-abu yang sering didefinisikan menggunakan nilai yang sama untuk semua 3 sumber cahaya:

Contoh

Warna	RGB
	rgb(0,0,0)
	rgb(128,128,128)
	rgb(255,255,255)

Warna heksadesimal

Dengan HTML, nilai-nilai RGB juga dapat ditentukan dengan menggunakan nilai warna heksadesimal berupa: #RRGGBB, dimana R (merah), GG (hijau) dan BB (biru) adalah nilai-nilai heksadesimal antara 00 dan FF (sama seperti desimal 0-255) .
Misalnya, # FF0000 ditampilkan sebagai merah, karena merah diatur untuk nilai tertinggi (FF) dan yang lainnya ditetapkan dengan nilai terendah (00).

Contoh

Warna	HEX
	#FF0000
	#FFFF00
	#00FF00
	#00FFFF
	#0000FF

Warna abu-abu yang sering didefinisikan menggunakan nilai yang sama untuk semua 3 sumber cahaya:

Contoh

Warna	HEX
	#000000
	#808080
	#FFFFFF

Kode Warna

Asnawi Awe Januari 27, 2016

Kode Warna Html

Berikut ini akan saya tampilkan kode warna html untuk keperluan design blog atau website. Kode warna dalam html ini bisa Anda copy paste langsung ke blog atau website sehingga proses design lebih cepat

WARNA HITAM DAN ABU-ABU (BLACK AND GRAY)
Warna	Nama	Kode
	Black	#000000
	Dark Slate Gray	#2F4F4F
	Slate Gray	#708090
	Light Slate Gray	#778899
	Dim Gray	#696969
	Gray	#808080
	Dark Gray	#A9A9A9
	Silver	#C0C0C0
	Light Gray	#D3D3D3
	Gainsboro	#DCDCDC

WARNA MERAH (RED)
Warna	Nama	Kode
	Dark Red	#8B0000
	Fire Brick	#B22222
	Red	#FF0000
	Crimson	#DC143C
	Light Salmon	#FFA07A
	Dark Salmon	#E9967A
	Salmon	#FA8072
	Light Coral	#F08080
	Indian Red	#CD5C5C

WARNA MERAH MUDA(PINK)
Warna	Nama	Kode
	Pale Violet Red	#DB7093
	Medium Violet Red	#C71585
	Deep Pink	#FF1493
	Hot Pink	#FF69B4
	Light Pink	#FFB6C1
	Pink	#FFC0CB

WARNA ORANGE
Warna	Nama	Kode
	Orange	#FFA500
	Dark Orange	#FF8C00
	Orange Red	#FF4500
	Tomato	#FF6347
	Coral	#FF7F50

WARNA KUNING (YELLOW)
Warna	Nama	Kode
	Dark Khaki	#BDB76B
	Khaki	#F0E68C
	Pale Goldenrod	#EEE8AA
	Peach Puff	#FFDAB9
	Moccasin	#FFE4B5
	Papaya Whip	#FFEFD5
	Light Goldenrod Yellow	#FAFAD2
	Lemon Chiffon	#FFFACD
	Light Yellow	#FFFFE0
	Yellow	#FFFF00
	Gold	#FFD700

WARNA HIJAU (GREEN)
Warna	Nama	Kode
	Teal	#008080
	Dark Cyan	#008B8B
	Light Sea Green	#20B2AA
	Dark Sea Green	#8FBC8F
	Medium Aquamarine	#66CDAA
	Dark Olive Green	#556B2F
	Olive	#808000
	Olive Drab	#6B8E23
	Yellow Green	#9ACD32
	Dark Green	#006400
	Green	#008000
	Forest Green	#228B22
	Sea Green	#2E8B57
	Medium Sea Green	#3CB371
	Spring Green	#00FF7F
	Medium Spring Green	#00FA9A
	Light Green	#90EE90
	Pale Green	#98FB98
	Lime Green	#32CD32
	Lime	#00FF00
	Lawn Green	#7CFC00
	Chartreuse	#7FFF00
	Green Yellow	#ADFF2F

WARNA BIRU (BLUE)
Warna	Nama	Kode
	Midnight Blue	#191970
	Navy	#000080
	Dark Blue	#00008B
	Medium Blue	#0000CD
	Blue	#0000FF
	RoyalBlue	#4169E1
	Medium Slate Blue	#7B68EE
	Cornflower Blue	#6495ED
	Dodger Blue	#1E90FF
	Deep Sky Blue	#00BFFF
	Light Sky Blue	#87CEFA
	Sky Blue	#87CEEB
	Light Blue	#ADD8E6
	Powder Blue	#B0E0E6
	Light Steel Blue	#B0C4DE
	Steel Blue	#4682B4
	Cadet Blue	#5F9EA0
	Dark Turquoise	#00CED1
	Medium Turquoise	#48D1CC
	Turquoise	#40E0D0
	Aquamarine	#7FFFD4
	Pale Turquoise	#AFEEEE
	Light Cyan	#E0FFFF
	Cyan	#00FFFF
	Aqua	#00FFFF

WARNA UNGU (PURPLE)
Warna	Nama	Kode
	Medium Slate Blue	#7B68EE
	Dark Slate Blue	#483D8B
	Slate Blue	#6A5ACD
	Indigo	#4B0082
	Purple	#800080
	Dark Magenta	#8B008B
	Dark Orchid	#9932CC
	Dark Violet	#9400D3
	Blue Violet	#8A2BE2
	Amethyst	#9966CC
	Medium Purple	#9370DB
	Medium Orchid	#BA55D3
	Magenta / Fuchsia	#FF00FF
	Orchid	#DA70D6
	Violet	#EE82EE
	Plum	#DDA0DD
	Thistle	#D8BFD8
	Lavender	#E6E6FA

WARNA COKLAT (BROWN)
Warna	Nama	Kode
	Maroon	#800000
	Brown	#A52A2A
	Sienna	#A0522D
	Saddle Brown	#8B4513
	Chocolate	#D2691E
	Peru	#CD853F
	Dark Goldenrod	#B8860B
	Goldenrod	#DAA520
	Sandy Brown	#F4A460
	Rosy Brown	#BC8F8F
	Tan	#D2B48C
	Burly Wood	#DEB887
	Wheat	#F5DEB3
	Navajo White	#FFDEAD
	Bisque	#FFE4C4
	Blanched Almond	#FFEBCD
	Cornsilk	#FFF8DC

WARNA PUTIH (WHITE)
Warna	Nama	Kode
	Misty Rose	#FFE4E1
	Lavender Blush	#FFF0F5
	Linen	#FAF0E6
	Antique White	#FAEBD7
	Ivory	#FFFFF0
	Floral White	#FFFAF0
	Old Lace	#FDF5E6
	Beige	#F5F5DC
	Seashell	#FFF5EE
	White Smoke	#F5F5F5
	Ghost White	#F8F8FF
	Alice Blue	#F0F8FF
	Azure	#F0FFFF
	Mint Cream	#F5FFFA
	Honeydew	#F0FFF0
	Snow	#FFFAFA
	White	#FFFFFF

Tangan hati

Asnawi Awe Januari 26, 2016

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Mawar merah

Asnawi Awe Januari 26, 2016

Kemeja Gaul

Asnawi Awe Januari 26, 2016

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.

Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Gallery Photo

Asnawi Awe Januari 23, 2016

Membuat Gallery Photo Thumbnail With jQuery – masih seperti tema pada postingan sebelumnya yakni modifikasi gambar pada posting blog, dan tema kali ini adalah tentang gallery photo. Untuk membuat gallery photo pada posting blog terdapat bermacam cara dan berbagai efek yang dapat mengcustom gambar atau photo tersebut. Jika pada saat akan mengupload photo ke blog dan terdapat banyak photo yang akan di upload kedalam satu halaman posting agar photo-photo tersebut memiliki style layout yang minimalis maka perlu sedikit melakukan customisasi pada gambar hanya dengan menambahkan kode yang simple untuk memperoleh hasil maksimal yang akan menghias halaman blog dengan mengatur photo tersebut supaya dapat bervariasi. Untuk melakukan hal ini tidaklah rumit seperti jika sudah anda bayangkan sebelumnya. Langkah singkat dan efisien untuk membuat gallery photo di blog dengan ukuran gambar yang sudah kita atur sebelumnya maka hanyak akan terdapat satu gambar berukuran besar dan disertai beberapa thumbnail yang mengelilingi photo tersebut dimana nantinya jika pada thumbnail tersebut di klik maka akan tampil gambar yang berukuran besar pada kolom utama yang terdapat dibagian tengah antara baris photo thumbnail atas dan bawah. Jika ingin melihat hasil yang akan kita bahas pada tutorial ini bisa langsung dilihat pada demo. Sedangakan selanjutnya untuk memasang ke blog, berikut adalah tutorial cara Membuat Gallery Photo