Menu
CoddyTech

Colores en hexadecimal

Parte de la sección Tu primera app del Journey de Flutter de Coddy. Lección 10 de 32.

Los diseñadores suelen indicar los colores con un código hexadecimal, como #6A1B9A: dos dígitos para el rojo, dos para el verde y dos para el azul. En Flutter, lo escribes como un Color:

Color(0xFF6A1B9A)

0x le indica a Dart que a continuación viene un número hexadecimal. Después vienen otros dos dígitos antes del color: FF significa que es completamente visible. Si ahí estuviera 00, el color sería completamente transparente, así que el texto desaparecería. Después vienen los seis dígitos del código hexadecimal.

challenge icon

Desafío

Fácil

Nuestro diseñador quiere que Coddy aparezca en el color morado #6A1B9A, completamente visible. Establece el color: del texto en ese Color.

Pruébalo tú mismo

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 iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Tu primera app

Practica por tu cuenta: Compilador de Flutter online