色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#6eca88
データ
赤
110
緑
202
青
136
色相
137°
白
43%
黒
21%
彩度
46%
明度
61%
輝度
65%
色調 = 柔らかい
色相 = 137°
3桁
#7d9
#7d8
#7d7
#7c9
#7c8
#7c7
#7b9
#7b8
#7b7
#6d9
#6d8
#6d7
#6c9
#6c8
#6c7
#6b9
#6b8
#6b7
#5d9
#5d8
#5d7
#5c9
#5c8
#5c7
#5b9
#5b8
#5b7
名前付き
mediumaquamarine
darkseagreen
lightgreen
cadetblue
mediumseagreen
palegreen
lightslategray
slategray
darkgray
gray
mediumturquoise
darkkhaki
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-135 : 2
-120 : 17
-105 : 32
-90 : 47
-75 : 62
-60 : 77
-45 : 92
-30 : 107
-15 : 122
-10 : 127
-5 : 132
-2 : 135
±0 : 137
+2 : 139
+5 : 142
+10 : 147
+15 : 152
+30 : 167
+45 : 182
+60 : 197
+75 : 212
+90 : 227
+105 : 242
+120 : 257
+135 : 272
+150 : 287
+165 : 302
+180 : 317
+195 : 332
+210 : 347
彩度
+54 : 100
+50 : 96
+46 : 92
+42 : 88
+38 : 84
+34 : 80
+30 : 76
+26 : 72
+22 : 68
+18 : 64
+14 : 60
+10 : 56
+6 : 52
+4 : 50
+3 : 49
+2 : 48
±0 : 46
-2 : 44
-3 : 43
-6 : 40
-10 : 36
-14 : 32
-18 : 28
-22 : 24
-26 : 20
-30 : 16
-34 : 12
-38 : 8
-42 : 4
-46 : 0
明度
+39 : 100
+35 : 96
+31 : 92
+27 : 88
+23 : 84
+19 : 80
+15 : 76
+11 : 72
+7 : 68
+3 : 64
+2 : 63
±0 : 61
-1 : 60
-2 : 59
-3 : 58
-5 : 56
-9 : 52
-11 : 50
-13 : 48
-17 : 44
-21 : 40
-25 : 36
-29 : 32
-33 : 28
-37 : 24
-41 : 20
-45 : 16
-49 : 12
-53 : 8
-57 : 4
-61 : 0
白
-43 : 0
-39 : 4
-35 : 8
-31 : 12
-27 : 16
-23 : 20
-19 : 24
-15 : 28
-11 : 32
-7 : 36
-3 : 40
-2 : 41
±0 : 43
+1 : 44
+2 : 45
+3 : 46
+5 : 48
+7 : 50
+9 : 52
+13 : 56
+17 : 60
+21 : 64
+25 : 68
+29 : 72
+33 : 76
+37 : 80
+41 : 84
+45 : 88
+49 : 92
+53 : 96
+57 : 100
黒
-21 : 0
-17 : 4
-13 : 8
-9 : 12
-5 : 16
-3 : 18
-2 : 19
-1 : 20
±0 : 21
+2 : 23
+3 : 24
+7 : 28
+11 : 32
+15 : 36
+19 : 40
+23 : 44
+27 : 48
+29 : 50
+31 : 52
+35 : 56
+39 : 60
+43 : 64
+47 : 68
+51 : 72
+55 : 76
+59 : 80
+63 : 84
+67 : 88
+71 : 92
+75 : 96
+79 : 100
赤
+145 : 255
+128 : 238
+111 : 221
+94 : 204
+77 : 187
+60 : 170
+43 : 153
+26 : 136
+9 : 119
+8 : 118
+4 : 114
+2 : 112
+1 : 111
±0 : 110
-1 : 109
-2 : 108
-4 : 106
-8 : 102
-25 : 85
-42 : 68
-59 : 51
-76 : 34
-93 : 17
-110 : 0
緑
+53 : 255
+36 : 238
+19 : 221
+8 : 210
+4 : 206
+2 : 204
+1 : 203
±0 : 202
-1 : 201
-2 : 200
-4 : 198
-8 : 194
-15 : 187
-32 : 170
-49 : 153
-66 : 136
-83 : 119
-100 : 102
-117 : 85
-134 : 68
-151 : 51
-168 : 34
-185 : 17
-202 : 0
青
+119 : 255
+102 : 238
+85 : 221
+68 : 204
+51 : 187
+34 : 170
+17 : 153
+8 : 144
+4 : 140
+2 : 138
+1 : 137
±0 : 136
-1 : 135
-2 : 134
-4 : 132
-8 : 128
-17 : 119
-34 : 102
-51 : 85
-68 : 68
-85 : 51
-102 : 34
-119 : 17
-136 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000