Menu
CoddyTech

Cores em hexadecimal

Parte da seção Seu primeiro app do Journey de Flutter da Coddy. Lição 10 de 32.

Designers costumam fornecer cores como um código hexadecimal, como #6A1B9A: dois dígitos para vermelho, dois para verde e dois para azul. No Flutter, você escreve assim: Color:

Color(0xFF6A1B9A)

0x informa ao Dart que vem um número hexadecimal em seguida. Depois vêm mais dois dígitos antes da cor: FF significa totalmente visível. 00 nessa posição deixaria a cor completamente transparente, fazendo com que o texto desaparecesse. Depois disso, vêm os seis dígitos do código hexadecimal.

challenge icon

Desafio

Fácil

Nosso designer quer que Coddy fique na cor roxa #6A1B9A, totalmente visível. Defina o color: do texto com essa Color.

Experimente você mesmo

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)),
        ),
      ),
    );
  }
}
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Seu primeiro app

Pratique por conta própria: Compilador de Flutter online