Warna dalam Hex

Termasuk bagian Aplikasi Pertamamu dalam perjalanan Flutter di Coddy. Pelajaran 10 dari 32.

Desainer sering memberikan warna dalam bentuk kode hex, seperti #6A1B9A: dua digit untuk merah, dua untuk hijau, dan dua untuk biru. Di Flutter, kamu menulisnya seperti ini: Color:

Color(0xFF6A1B9A)

0x memberi tahu Dart bahwa setelahnya ada angka hex. Lalu ada dua digit lagi sebelum warna: FF berarti terlihat sepenuhnya. 00 di sana akan membuat warna sepenuhnya tembus pandang, sehingga teksnya akan menghilang. Setelah itu, ada enam digit kode hex.

Tantangan

Mudah

Desainer kami ingin Coddy berwarna ungu #6A1B9A dan terlihat sepenuhnya. Atur color: teks ke Color tersebut.

Coba sendiri

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Text('Coddy', style: TextStyle(fontSize: 48, color: Colors.black)),
        ),
      ),
    );
  }
}