16진수 색상

Coddy Flutter 여정의 첫 앱 만들기 섹션에 포함된 레슨. 32개 중 10번째.

디자이너는 흔히 16진수 코드로 색상을 지정합니다. 예를 들면 #6A1B9A처럼 빨강 두 자리, 초록 두 자리, 파랑 두 자리로 나타냅니다. Flutter에서는 다음과 같이 작성합니다: Color

Color(0xFF6A1B9A)

0x는 뒤에 16진수가 온다는 것을 Dart에 알려 줍니다. 그다음 색상 앞에 두 자리가 더 옵니다. FF는 완전히 보인다는 뜻입니다. 여기에 00을 쓰면 색상이 완전히 투명해져서 텍스트가 사라집니다. 그 뒤에는 16진수 코드의 여섯 자리가 옵니다.

챌린지

쉬움

디자이너는 보라색 #6A1B9A으로 된 Coddy를 완전히 표시하기를 원합니다. 텍스트의 color:를 해당 Color로 설정하세요.

직접 해보기

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)),
        ),
      ),
    );
  }
}