HTML Picker warna

❮ PreviousNext ❯

---

Pick sebuah warna:

Atau masukan warna:

Atau gunakan HTML5:

Selected Color:

Black Text

Shadow

White Text

Shadow

Red

#ff0000

rgb(255, 0, 0)

hsl(0, 100%, 50%)

Lighter / Darker:

100%		#ffffff
95%		#ffe6e6
90%		#ffcccc
85%		#ffb3b3
80%		#ff9999
75%		#ff8080
70%		#ff6666
65%		#ff4d4d
60%		#ff3333
55%		#ff1a1a
50%		#ff0000
45%		#e60000
40%		#cc0000
35%		#b30000
30%		#990000
25%		#800000
20%		#660000
15%		#4d0000
10%		#330000
5%		#1a0000
0%		#000000

---

Hue

	Hue	Hex	Rgb	Hsl
	0	#ff0000	rgb(255, 0, 0)	hsl(0, 100%, 50%)
	15	#ff4000	rgb(255, 64, 0)	hsl(15, 100%, 50%)
	30	#ff8000	rgb(255, 128, 0)	hsl(30, 100%, 50%)
	45	#ffbf00	rgb(255, 191, 0)	hsl(45, 100%, 50%)
	60	#ffff00	rgb(255, 255, 0)	hsl(60, 100%, 50%)
	75	#bfff00	rgb(191, 255, 0)	hsl(75, 100%, 50%)
	90	#80ff00	rgb(128, 255, 0)	hsl(90, 100%, 50%)
	105	#40ff00	rgb(64, 255, 0)	hsl(105, 100%, 50%)
	120	#00ff00	rgb(0, 255, 0)	hsl(120, 100%, 50%)
	135	#00ff40	rgb(0, 255, 64)	hsl(135, 100%, 50%)
	150	#00ff80	rgb(0, 255, 128)	hsl(150, 100%, 50%)
	165	#00ffbf	rgb(0, 255, 191)	hsl(165, 100%, 50%)
	180	#00ffff	rgb(0, 255, 255)	hsl(180, 100%, 50%)
	195	#00bfff	rgb(0, 191, 255)	hsl(195, 100%, 50%)
	210	#0080ff	rgb(0, 128, 255)	hsl(210, 100%, 50%)
	225	#0040ff	rgb(0, 64, 255)	hsl(225, 100%, 50%)
	240	#0000ff	rgb(0, 0, 255)	hsl(240, 100%, 50%)
	255	#4000ff	rgb(64, 0, 255)	hsl(255, 100%, 50%)
	270	#8000ff	rgb(128, 0, 255)	hsl(270, 100%, 50%)
	285	#bf00ff	rgb(191, 0, 255)	hsl(285, 100%, 50%)
	300	#ff00ff	rgb(255, 0, 255)	hsl(300, 100%, 50%)
	315	#ff00bf	rgb(255, 0, 191)	hsl(315, 100%, 50%)
	330	#ff0080	rgb(255, 0, 128)	hsl(330, 100%, 50%)
	345	#ff0040	rgb(255, 0, 64)	hsl(345, 100%, 50%)
	360	#ff0000	rgb(255, 0, 0)	hsl(0, 100%, 50%)

---

---

Saturation

	Sat	Hex	Rgb	Hsl
	100%	#ff0000	rgb(255, 0, 0)	hsl(0, 100%, 50%)
	95%	#f90606	rgb(249, 6, 6)	hsl(0, 95%, 50%)
	90%	#f20d0d	rgb(242, 13, 13)	hsl(0, 90%, 50%)
	85%	#ec1313	rgb(236, 19, 19)	hsl(0, 85%, 50%)
	80%	#e61919	rgb(230, 25, 25)	hsl(0, 80%, 50%)
	75%	#df2020	rgb(223, 32, 32)	hsl(0, 75%, 50%)
	70%	#d92626	rgb(217, 38, 38)	hsl(0, 70%, 50%)
	65%	#d22d2d	rgb(210, 45, 45)	hsl(0, 65%, 50%)
	60%	#cc3333	rgb(204, 51, 51)	hsl(0, 60%, 50%)
	55%	#c63939	rgb(198, 57, 57)	hsl(0, 55%, 50%)
	50%	#bf4040	rgb(191, 64, 64)	hsl(0, 50%, 50%)
	45%	#b94646	rgb(185, 70, 70)	hsl(0, 45%, 50%)
	40%	#b34d4d	rgb(179, 77, 77)	hsl(0, 40%, 50%)
	35%	#ac5353	rgb(172, 83, 83)	hsl(0, 35%, 50%)
	30%	#a65959	rgb(166, 89, 89)	hsl(0, 30%, 50%)
	25%	#9f6060	rgb(159, 96, 96)	hsl(0, 25%, 50%)
	20%	#996666	rgb(153, 102, 102)	hsl(0, 20%, 50%)
	15%	#936c6c	rgb(147, 108, 108)	hsl(0, 15%, 50%)
	10%	#8c7373	rgb(140, 115, 115)	hsl(0, 10%, 50%)
	5%	#867979	rgb(134, 121, 121)	hsl(0, 5%, 50%)
	0%	#808080	rgb(128, 128, 128)	hsl(0, 0%, 50%)

---

Lightness

	Light	Hex	Rgb	Hsl
	100%	#ffffff	rgb(255, 255, 255)	hsl(0, 100%, 100%)
	95%	#ffe6e6	rgb(255, 230, 230)	hsl(0, 100%, 95%)
	90%	#ffcccc	rgb(255, 204, 204)	hsl(0, 100%, 90%)
	85%	#ffb3b3	rgb(255, 179, 179)	hsl(0, 100%, 85%)
	80%	#ff9999	rgb(255, 153, 153)	hsl(0, 100%, 80%)
	75%	#ff8080	rgb(255, 128, 128)	hsl(0, 100%, 75%)
	70%	#ff6666	rgb(255, 102, 102)	hsl(0, 100%, 70%)
	65%	#ff4d4d	rgb(255, 77, 77)	hsl(0, 100%, 65%)
	60%	#ff3333	rgb(255, 51, 51)	hsl(0, 100%, 60%)
	55%	#ff1a1a	rgb(255, 26, 26)	hsl(0, 100%, 55%)
	50%	#ff0000	rgb(255, 0, 0)	hsl(0, 100%, 50%)
	45%	#e60000	rgb(230, 0, 0)	hsl(0, 100%, 45%)
	40%	#cc0000	rgb(204, 0, 0)	hsl(0, 100%, 40%)
	35%	#b30000	rgb(179, 0, 0)	hsl(0, 100%, 35%)
	30%	#990000	rgb(153, 0, 0)	hsl(0, 100%, 30%)
	25%	#800000	rgb(128, 0, 0)	hsl(0, 100%, 25%)
	20%	#660000	rgb(102, 0, 0)	hsl(0, 100%, 20%)
	15%	#4d0000	rgb(77, 0, 0)	hsl(0, 100%, 15%)
	10%	#330000	rgb(51, 0, 0)	hsl(0, 100%, 10%)
	5%	#1a0000	rgb(26, 0, 0)	hsl(0, 100%, 5%)
	0%	#000000	rgb(0, 0, 0)	hsl(0, 100%, 0%)

---

RGB (Red, Green, Blue)

Red	Green	Blue
255	0	0

rgb(255, 0, 0)
#ff0000

❮ PreviousNext ❯

\

COLOR PICKER

SUKA AMA KITA

Kunjungi laman: https://www.w3schools.com/colors/colors_picker.asp

• Judul - buat postingan dengan video otomatis hidup ----👇👇👇

Kumpulan Kode Script HTML membuat Text Box di Blog

Kumpulan Kode Script HTML membuat Text Box di Blog

Note: Kode Text Box HTML Dibawah Tidak Menggunakan Scroll, kalau mau tinggal tambahin kode pada Tutorial nomor 4

Silahkan dipilih sesuai selera masing-masing:

<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Masukin Tulisan Disini</div>

<div style="border: 2px #006400 inset; padding: 10px; background-color: #d5839f; text-align: left;"> Masukin Tulisan Disini</div>

<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Masukin Tulisan Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">Masukin Tulisan Disini</div>

Related:Cara Balas Pesan Otomatis Di Whatsapp Original Tanpa Aplikasi Wa Bussiness!

<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; tex>t-align: left;"> Masukin Tulisan disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #6fa8dc; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;">Masukin Tulisan Disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">Masukin Tulisan disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ffe599; border-radius: 10px; border: 2px dashed #aaa; padding: 10px; t-align: left;">Masukin Tulisan Disini</div>

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">
masukin Tulisan disini</div>

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Masukin Tulisan Disini</div>

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff; text-align: left;"> Kode Script Sobat Disini</div> 

Sumber : https://www.ruang-digital.my.id/2020/09/Cara-buat-text-box-keren-di-blog.html

Menulis Rumus Bahasa Mesin Tingkat Tinggi BMTT

Untuk arsip pribadi nu sok pohoan.

Membuat situs atau tema blog buat pribadi para guru yang baru mengenal dunia maya.

di internet (HP atau KOMPUTER yang nyambung dengan sinyal / wifi / pulsa ) bukan hanya medsos, tetapi juga tulisan.

Anda browsing (mencari kata, photo, tulisan) hasil orang lain, mengapa tidak anda tulis sendiri? Hasil anda menulis dan anda simpan, hasilnya anda bisa baca sendiri, bahkan orang lain juga bisa membacanya.

Anda yang sedang membaca adalah....

• Ustadz, ---- anda menulis kajian kitab, atau hanya dengan memphotonya, ---- orang lain temukan alamat situs/web anda, mereka membaca dan melihat, bahkan mungkin juga mengkopi untuk halaman mereka bahkan mereka juga menyimpannya di komputer. 
• Guru .... anda menulis pelajaran, .......... dibaca oleh orang lain tanpa perlu membuat akun. Di antara yang membaca adalah ------ murid anda sendiri, alumni anda, sahabat anda di rumah tetangga, di satu propinsi atau mungkin beda negara.
• Petani .... tulis atau photo, anda simpan. ----- dibaca oleh petani dan juga bukan petani (jadi ilmu).
• Pekerja / karyawan .... dibaca oleh .... karyawan, calon karyawan, mantan karyawan.
• Ibu rumah tangga.... sambil masak, anda photo, simpan di blog, situs, web.
• Pelajar ..... hasil tulisan anda dibaca ... sesama pelajar atau bahkan oleh pengajar Guru/Ustadz.
• Mahasiswa ...
• Pengangguran ...
• Artis
• Nu butuh Artios .....

Situs penyedia untuk menulis - nga-blog.....

di sini juga ada .....

1. Blogspot.com  
   
   
   masuk, tuliskan email anda, buat atau langsung tulis!
2. Duridwancjg.site.bm/masuk - klik 
   
   Masuk Garasi, tuliskan email anda, buat atau langsung nulis!

Tema halaman blogku 1 👇👇👇 (belum/sudah ditulis), Tema lain 2✊✊✊  

Tulis bahasa mesin tingkat tinggi (bmtt) anda di sini..!

copy langsung ....

<ieu bmtt-dimulai[[--!<?xml version="1.0" encoding="UTF-8" ?><html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><head><mastaka></mastaka></head><body><awak></awak></body></html>!--]]</diakhiri-bmtt ieu>

Selesai

Rumus Nyieun Link+ Plus Gambar

 

<a href='URL_TUJUAN'>

         <img src='URL_GAMBAR' width='LEBAR_GAMBAR' height='TINGGI_GAMBAR' title='JUDUL_GAMBAR' alt='DESKRIPSI GAMBAR' border='none' />

</a>

Rumus tersebut bisa berupa ..... di gaya htmlnya. Seperti ini:

<blockquote class="tr_bq" style="background-color: #eeeeee; border-left: 5px solid rgb(221, 221, 221); box-sizing: inherit; color: #444444; font-family: Georgia, Times, serif; font-size: 1em; font-stretch: normal; font-style: italic; font-variant-east-asian: normal; font-variant-numeric: normal; line-height: 1.5; margin: 10px 20px; padding: 7px; user-select: text;"><a <span style="box-sizing: inherit; color: blue;">href</span>='<span style="box-sizing: inherit; color: red;">URL_TUJUAN</span>'><br style="box-sizing: inherit; line-height: 14px; margin: 0px; padding: 0px;" /><br style="box-sizing: inherit; line-height: 14px; margin: 0px; padding: 0px;" />         <img <span style="box-sizing: inherit; color: blue;">src</span>='<span style="box-sizing: inherit; color: red;">URL_GAMBAR</span>' <span style="box-sizing: inherit; color: blue;">width</span>='<span style="box-sizing: inherit; color: red;">LEBAR_GAMBAR</span>' <span style="box-sizing: inherit; color: blue;">height</span>='<span style="box-sizing: inherit; color: red;">TINGGI_GAMBAR</span>' <span style="box-sizing: inherit; color: blue;">title</span>='<span style="box-sizing: inherit; color: red;">JUDUL_GAMBAR</span>' <span style="box-sizing: inherit; color: blue;">alt</span>='<span style="box-sizing: inherit; color: red;">DESKRIPSI GAMBAR</span>' <span style="box-sizing: inherit; color: blue;">border</span>='none' /><br style="box-sizing: inherit; line-height: 14px; margin: 0px; padding: 0px;" /><br style="box-sizing: inherit; line-height: 14px; margin: 0px; padding: 0px;" /></a><br style="box-sizing: inherit; line-height: 14px; margin: 0px; padding: 0px;" /><br style="box-sizing: inherit; line-height: 14px; margin: 0px; padding: 0px;" /></blockquote>

<a href='http://duridwangurunatafkar.blogspot.com' title='Duridwancjg TeA Blog'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0jLrCAi1tDIIfKJa9TpaKLppXp5jXWFAuLBRJSM7LfvBnfjyC8YgoA-yLa2xlqGkKKL1mmj8qsXvYKuAQjKiA2kSc6Jy5_wPX6JWJgmP3pGgpqquHG8QLL2GGabIIX9In8uoUshqd0Ns-/s1600/contoh+gambar.png' alt='Blog untuk belajar ciri motekar' title='Duridwancjg TeA Blog' width='235' height='128' border='no' /></a>

Baris Tasking - Taskbar

lokasinya: <div bersihkan> C:\Users\Labkom TA\AppData\Roaming\Microsoft\Internet Explorer\Quick Launch </div>

ISIKAN LINK YANG AKAN DIJADIKAN HALAMAN - DAN SEMBUNYIKAN

<div cleared/> <div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <head> <style type="text/css"> #ridwanoverlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 2; cursor: pointer; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXc-IHw_O3iF8nyYAwQ6k1F_Ceo7e_Uy9b5Y2e6Wqj2kwqkKX96mXTJoaRaEBRDa9bXq9SnGiw_a9B7ZCBTeyBG9pVGbH8uueRPs7mK44Oy3RElr-xiLqamPhcNP5bFkwCltrPhjeLf8IW/s113/vgNfCZ7W_400x400.jpg); } #ridwanoverlaytext{ position: absolute; top: 50%; left: 50%; font-size: 40px; color: black; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width: 75%; height: 500px; background: orange; padding: 10px; } </style> <script> function on() { document.getElementById("ridwanoverlay").style.display = "block"; } function off() { document.getElementById("ridwanoverlay").style.display = "none"; } </script> </head> <br /> <div style="padding: 20px;"> <h2> Buka Konten</h2> <button onclick="on()">Toong Yu?!</button> </div> <div id="ridwanoverlay" onclick="off()"> <div id="ridwanoverlaytext"> <div style="text-align: center;"> ======= <iframe src="ISIKAN LINK YANG AKAN DIJADIKAN HALAMAN" style="border: 0; width: 100%; height: 100%; min-height:800px">Your browser doesn't support iFrames.</iframe> ======= </div> </div> </div> </div> <script language="JavaScript"> var password; var pass1="n4b1yull0h"; </script></div> <div cleared/>