色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#bbbe27
データ
赤
187
緑
190
青
39
色相
61°
白
15%
黒
25%
彩度
66%
明度
45%
輝度
67%
色調 = 鈍い
色相 = 61°
3桁
#cc3
#cc2
#cc1
#cb3
#cb2
#cb1
#ca3
#ca2
#ca1
#bc3
#bc2
#bc1
#bb3
#bb2
#bb1
#ba3
#ba2
#ba1
#ac3
#ac2
#ac1
#ab3
#ab2
#ab1
#aa3
#aa2
#aa1
名前付き
yellowgreen
goldenrod
darkgoldenrod
peru
greenyellow
darkkhaki
gold
orange
sandybrown
chocolate
darkorange
olivedrab
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-60 : 1
-45 : 16
-30 : 31
-15 : 46
-10 : 51
-5 : 56
-2 : 59
±0 : 61
+2 : 63
+5 : 66
+10 : 71
+15 : 76
+30 : 91
+45 : 106
+60 : 121
+75 : 136
+90 : 151
+105 : 166
+120 : 181
+135 : 196
+150 : 211
+165 : 226
+180 : 241
+195 : 256
+210 : 271
+225 : 286
+240 : 301
+255 : 316
+270 : 331
+285 : 346
彩度
+34 : 100
+30 : 96
+26 : 92
+22 : 88
+18 : 84
+14 : 80
+10 : 76
+6 : 72
+3 : 69
+2 : 68
±0 : 66
-2 : 64
-3 : 63
-6 : 60
-10 : 56
-14 : 52
-16 : 50
-18 : 48
-22 : 44
-26 : 40
-30 : 36
-34 : 32
-38 : 28
-42 : 24
-46 : 20
-50 : 16
-54 : 12
-58 : 8
-62 : 4
-66 : 0
明度
+55 : 100
+51 : 96
+47 : 92
+43 : 88
+39 : 84
+35 : 80
+31 : 76
+27 : 72
+23 : 68
+19 : 64
+15 : 60
+11 : 56
+7 : 52
+5 : 50
+3 : 48
+2 : 47
±0 : 45
-1 : 44
-2 : 43
-3 : 42
-5 : 40
-9 : 36
-13 : 32
-17 : 28
-21 : 24
-25 : 20
-29 : 16
-33 : 12
-37 : 8
-41 : 4
-45 : 0
白
-15 : 0
-11 : 4
-7 : 8
-3 : 12
-2 : 13
±0 : 15
+1 : 16
+2 : 17
+3 : 18
+5 : 20
+9 : 24
+13 : 28
+17 : 32
+21 : 36
+25 : 40
+29 : 44
+33 : 48
+35 : 50
+37 : 52
+41 : 56
+45 : 60
+49 : 64
+53 : 68
+57 : 72
+61 : 76
+65 : 80
+69 : 84
+73 : 88
+77 : 92
+81 : 96
+85 : 100
黒
-25 : 0
-21 : 4
-17 : 8
-13 : 12
-9 : 16
-5 : 20
-3 : 22
-2 : 23
-1 : 24
±0 : 25
+2 : 27
+3 : 28
+7 : 32
+11 : 36
+15 : 40
+19 : 44
+23 : 48
+25 : 50
+27 : 52
+31 : 56
+35 : 60
+39 : 64
+43 : 68
+47 : 72
+51 : 76
+55 : 80
+59 : 84
+63 : 88
+67 : 92
+71 : 96
+75 : 100
赤
+68 : 255
+51 : 238
+34 : 221
+17 : 204
+8 : 195
+4 : 191
+2 : 189
+1 : 188
±0 : 187
-1 : 186
-2 : 185
-4 : 183
-8 : 179
-17 : 170
-34 : 153
-51 : 136
-68 : 119
-85 : 102
-102 : 85
-119 : 68
-136 : 51
-153 : 34
-170 : 17
-187 : 0
緑
+65 : 255
+48 : 238
+31 : 221
+14 : 204
+8 : 198
+4 : 194
+2 : 192
+1 : 191
±0 : 190
-1 : 189
-2 : 188
-3 : 187
-4 : 186
-8 : 182
-20 : 170
-37 : 153
-54 : 136
-71 : 119
-88 : 102
-105 : 85
-122 : 68
-139 : 51
-156 : 34
-173 : 17
-190 : 0
青
+216 : 255
+199 : 238
+182 : 221
+165 : 204
+148 : 187
+131 : 170
+114 : 153
+97 : 136
+80 : 119
+63 : 102
+46 : 85
+29 : 68
+12 : 51
+8 : 47
+4 : 43
+2 : 41
+1 : 40
±0 : 39
-1 : 38
-2 : 37
-4 : 35
-5 : 34
-8 : 31
-22 : 17
-39 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000