色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#6bb481
データ
赤
107
緑
180
青
129
色相
138°
白
42%
黒
29%
彩度
33%
明度
56%
輝度
60%
色調 = 柔らかい
色相 = 138°
3桁
#7c9
#7c8
#7c7
#7b9
#7b8
#7b7
#7a9
#7a8
#7a7
#6c9
#6c8
#6c7
#6b9
#6b8
#6b7
#6a9
#6a8
#6a7
#5c9
#5c8
#5c7
#5b9
#5b8
#5b7
#5a9
#5a8
#5a7
名前付き
darkseagreen
cadetblue
mediumaquamarine
mediumseagreen
lightslategray
slategray
gray
lightgreen
darkgray
dimgray
steelblue
seagreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-135 : 3
-120 : 18
-105 : 33
-90 : 48
-75 : 63
-60 : 78
-45 : 93
-30 : 108
-15 : 123
-10 : 128
-5 : 133
-2 : 136
±0 : 138
+2 : 140
+5 : 143
+10 : 148
+15 : 153
+30 : 168
+45 : 183
+60 : 198
+75 : 213
+90 : 228
+105 : 243
+120 : 258
+135 : 273
+150 : 288
+165 : 303
+180 : 318
+195 : 333
+210 : 348
彩度
+67 : 100
+63 : 96
+59 : 92
+55 : 88
+51 : 84
+47 : 80
+43 : 76
+39 : 72
+35 : 68
+31 : 64
+27 : 60
+23 : 56
+19 : 52
+17 : 50
+15 : 48
+11 : 44
+7 : 40
+3 : 36
+2 : 35
±0 : 33
-1 : 32
-2 : 31
-3 : 30
-5 : 28
-9 : 24
-13 : 20
-17 : 16
-21 : 12
-25 : 8
-29 : 4
-33 : 0
明度
+44 : 100
+40 : 96
+36 : 92
+32 : 88
+28 : 84
+24 : 80
+20 : 76
+16 : 72
+12 : 68
+8 : 64
+4 : 60
+3 : 59
+2 : 58
±0 : 56
-2 : 54
-3 : 53
-4 : 52
-6 : 50
-8 : 48
-12 : 44
-16 : 40
-20 : 36
-24 : 32
-28 : 28
-32 : 24
-36 : 20
-40 : 16
-44 : 12
-48 : 8
-52 : 4
-56 : 0
白
-42 : 0
-38 : 4
-34 : 8
-30 : 12
-26 : 16
-22 : 20
-18 : 24
-14 : 28
-10 : 32
-6 : 36
-3 : 39
-2 : 40
±0 : 42
+2 : 44
+3 : 45
+6 : 48
+8 : 50
+10 : 52
+14 : 56
+18 : 60
+22 : 64
+26 : 68
+30 : 72
+34 : 76
+38 : 80
+42 : 84
+46 : 88
+50 : 92
+54 : 96
+58 : 100
黒
-29 : 0
-25 : 4
-21 : 8
-17 : 12
-13 : 16
-9 : 20
-5 : 24
-3 : 26
-2 : 27
-1 : 28
±0 : 29
+2 : 31
+3 : 32
+7 : 36
+11 : 40
+15 : 44
+19 : 48
+21 : 50
+23 : 52
+27 : 56
+31 : 60
+35 : 64
+39 : 68
+43 : 72
+47 : 76
+51 : 80
+55 : 84
+59 : 88
+63 : 92
+67 : 96
+71 : 100
赤
+148 : 255
+131 : 238
+114 : 221
+97 : 204
+80 : 187
+63 : 170
+46 : 153
+29 : 136
+12 : 119
+8 : 115
+4 : 111
+2 : 109
+1 : 108
±0 : 107
-1 : 106
-2 : 105
-4 : 103
-5 : 102
-8 : 99
-22 : 85
-39 : 68
-56 : 51
-73 : 34
-90 : 17
-107 : 0
緑
+75 : 255
+58 : 238
+41 : 221
+24 : 204
+8 : 188
+7 : 187
+4 : 184
+2 : 182
+1 : 181
±0 : 180
-1 : 179
-2 : 178
-4 : 176
-8 : 172
-10 : 170
-27 : 153
-44 : 136
-61 : 119
-78 : 102
-95 : 85
-112 : 68
-129 : 51
-146 : 34
-163 : 17
-180 : 0
青
+126 : 255
+109 : 238
+92 : 221
+75 : 204
+58 : 187
+41 : 170
+24 : 153
+8 : 137
+7 : 136
+4 : 133
+2 : 131
+1 : 130
±0 : 129
-1 : 128
-2 : 127
-4 : 125
-8 : 121
-10 : 119
-27 : 102
-44 : 85
-61 : 68
-78 : 51
-95 : 34
-112 : 17
-129 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000