How to add custom color picker in blender material panel?

Question

I would like to add a custom colour picker for a custom material section. The colour picker should be below the red line in the image:

I found a code but this make the colour picker on the "tool panel" and not on the "material panel". This is the code:

import bpy


class POSE_PT_test(bpy.types.Panel):
    bl_label = "Test"
    bl_space_type = 'VIEW_3D'
    bl_region_type = 'TOOLS'
    bl_category = "Testing"

    @classmethod
    def poll(self, context):
        return True

    def draw(self, context):
            self.layout.prop(context.scene, "test_color", text='Detail Color')

def register():
    bpy.utils.register_class(POSE_PT_test)
    bpy.types.Scene.test_color = bpy.props.FloatVectorProperty(
        name="myColor",
        subtype="COLOR",
        size=4,
        min=0.0,
        max=1.0,
        default=(1.0, 1.0, 1.0, 1.0)
    )

register()

Hope someone can help me to change this code so that it will be on material panel and below the red line. Thanks in advance.

Answer 1

You need to change:

    bl_space_type = "PROPERTIES"
    bl_region_type = "WINDOW"
    bl_context = "material"

The panel will end up like this

class POSE_PT_test(Panel):
    bl_label = "The title in the materials section"
    bl_space_type = "PROPERTIES"
    bl_region_type = "WINDOW"
    bl_context = "material"
    bl_options = {'DEFAULT_CLOSED'}
    tag = 0
  
    @classmethod
    def poll(self, context):
        return True
    def draw(self, context):
        layout = self.layout
        col = layout.column(align=True)
        col.prop(context.scene, "test_color", text='Detail Color')

This is a little late but hope it can help anyone else that comes here