在Angular 6中，可以使用Angular Material来创建一个预定义颜色的颜色选择器。下面是一个示例的解决方法：

1. 首先，确保你已经安装了Angular Material。可以使用以下命令在你的项目中安装它：

npm install --save @angular/material @angular/cdk @angular/animations

2. 在你的Angular模块中导入所需的模块。在你的app.module.ts文件中，将以下代码添加到imports数组中：

import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatButtonModule, MatIconModule, MatInputModule, MatSelectModule } from '@angular/material';

@NgModule({
  imports: [
    BrowserAnimationsModule,
    MatButtonModule,
    MatIconModule,
    MatInputModule,
    MatSelectModule
  ],
  exports: [
    MatButtonModule,
    MatIconModule,
    MatInputModule,
    MatSelectModule
  ]
})
export class AppModule { }

3. 在你的组件模板中使用mat-select和mat-option来创建一个颜色选择器。以下是一个示例的组件模板：

  
    Primary
    Accent
    Warn
  

4. 如果你想获取所选颜色的值，你可以使用Angular的双向数据绑定和ngModel指令。以下是一个示例的组件代码：

import { Component } from '@angular/core';

@Component({
  selector: 'app-color-picker',
  template: `
    
      
        Primary
        Accent
        Warn
      
    
    
你选择的颜色是: {{ selectedColor }}
  `
})
export class ColorPickerComponent {
  selectedColor: string;
}

5. 在你的组件中使用ColorPickerComponent。

这样就可以创建一个预定义颜色的颜色选择器，并且可以获取所选颜色的值。