Categories: Flutter

Color hexadecimal di flutter

Bismillaahirrohmaanirrohiim…

Saat menggunakan flutter, tentunya banyak programmer menaruh pattern color nya di sebuat file tersendiri, agar memudahkan saat membuat template atau penyeragaman warna.

Yang ditulis di flutter biasanya menggunakan hexadecimal, misalnya:

Color primaryBlue = Color(0xff2972ff);
Color colorLight = Color(0xfffbfbfb);
Color textBlack = Color(0xff222222);

Jika kita terbiasa menggunakan kode HTML, misalnya #000000 untuk hitam, dan #ffffff untuk putih, maka untuk memasang di flutter sebagai hexadecimal cukup mudah.

Tinggal beri awalan 0xff kemudian kode warna HTML nya, misalnya #000000 menjadi 0xff000000 dan #ffffff menjadi 0xffffffff.

Awalan 0xff digunakan untuk menentukan opacity, beikut nilai opacity hexadecimal di flutter:

100% — FF

95% — F2

90% — E6

85% — D9

80% — CC

75% — BF

70% — B3

65% — A6

60% — 99

55% — 8C

50% — 80

45% — 73

40% — 66

35% — 59

30% — 4D

25% — 40

20% — 33

15% — 26

10% — 1A

5% — 0D

0% — 00

Demikian, semoga dapat memudahkan kita saat mendesain warna di flutter.

Bagikan
rasupe

Recent Posts

CMS Website Desain Interior – PHP MySQL

CMS (Content Management System) Web untuk Desain Interior adalah solusi lengkap untuk mempresentasikan bisnis desain…

3 days ago

Source code Template website sekolah dengan react js

Bismillaahirrohmaanirrohiim... Berikut ini source code yang dapat dimodifikasi untuk membuat front end website sekolah dengan…

3 weeks ago

Subdomain pada cyberpanel tidak dapat diakses

Bismillaahirrohmaanirrohiim... Jika domain dan sub domainnya berada dalam satu vps cyberpanel, maka seringkali jadi tidak…

4 weeks ago

10 Aplikasi Kasir Terbaik di Indonesia (2025)

Bismillaahirrohmaanirrohiim... Dalam era digital saat ini, penggunaan aplikasi kasir (Point of Sale/POS) menjadi solusi penting…

4 weeks ago

Website di aapanel sering mati sendiri

Bismillaahirrohmaanirrohiim... Saat browsing-browsing saya seringkali melihat iklan aapanel, sekilas membuat penasaran sampai akhirnya saya mencoba…

4 weeks ago

Reset password cyberpanel via SSH

Bismillaahirrohmaanirrohiim... Berikut ini perintah untuk reset password admin cyberpanel melalui SSH command line. pastikan login…

4 weeks ago