how to send Flutter Color as json || convert String to Color Flutter

To send a Flutter Color object as JSON, you can convert it to a hexadecimal string representation and then include it in the JSON payload. Here's an example of how you can achieve this:

import 'dart:convert';
import 'package:flutter/material.dart';

void main() {
  final color =;

  // Convert Color to hexadecimal string
  final colorHex = '#${color.value.toRadixString(16).padLeft(8, '0')}';

  // Create a JSON object
  final json = {'color': colorHex};

  // Convert JSON object to string
  final jsonString = jsonEncode(json);


In this example, we import the dart:convert library to use the jsonEncode function. We create a Color object ( in this case) and convert it to a hexadecimal string using the value property. We then create a JSON object with the color hexadecimal string as a value. Finally, we encode the JSON object to a string using jsonEncode and print the result.

To convert a string representing a color back to a Color object in Flutter, you can use the Color constructor and pass the hexadecimal string as an argument. Here's an example:

import 'package:flutter/material.dart';

void main() {
  final colorHex = '#FF0000'; // Example color hexadecimal string

  // Convert hexadecimal string to Color
  final color = Color(int.parse(colorHex.replaceAll('#', '0x')));


In this example, we create a colorHex string representing a color in hexadecimal format. We remove the '#' character from the string and parse it as an integer using int.parse. Then, we pass the parsed value to the Color constructor to obtain a Color object. Finally, we print the resulting Color object.

These examples demonstrate how to send a Color object as JSON by converting it to a hexadecimal string representation, as well as how to convert a string back to a Color object in Flutter.