色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#64dda1
データ
赤
100
緑
221
青
161
色相
150°
白
39%
黒
13%
彩度
64%
明度
63%
輝度
70%
色調 = 柔らかい
色相 = 150°
3桁
#7ea
#7e9
#7e8
#7da
#7d9
#7d8
#7ca
#7c9
#7c8
#6ea
#6e9
#6e8
#6da
#6d9
#6d8
#6ca
#6c9
#6c8
#5ea
#5e9
#5e8
#5da
#5d9
#5d8
#5ca
#5c9
#5c8
名前付き
mediumaquamarine
lightgreen
mediumturquoise
darkseagreen
turquoise
palegreen
cadetblue
aquamarine
mediumseagreen
lightseagreen
skyblue
darkgray
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-150 : 0
-135 : 15
-120 : 30
-105 : 45
-90 : 60
-75 : 75
-60 : 90
-45 : 105
-30 : 120
-15 : 135
-10 : 140
-5 : 145
-2 : 148
±0 : 150
+2 : 152
+5 : 155
+10 : 160
+15 : 165
+30 : 180
+45 : 195
+60 : 210
+75 : 225
+90 : 240
+105 : 255
+120 : 270
+135 : 285
+150 : 300
+165 : 315
+180 : 330
+195 : 345
彩度
+36 : 100
+32 : 96
+28 : 92
+24 : 88
+20 : 84
+16 : 80
+12 : 76
+8 : 72
+4 : 68
+3 : 67
+2 : 66
±0 : 64
-2 : 62
-3 : 61
-4 : 60
-8 : 56
-12 : 52
-14 : 50
-16 : 48
-20 : 44
-24 : 40
-28 : 36
-32 : 32
-36 : 28
-40 : 24
-44 : 20
-48 : 16
-52 : 12
-56 : 8
-60 : 4
-64 : 0
明度
+37 : 100
+33 : 96
+29 : 92
+25 : 88
+21 : 84
+17 : 80
+13 : 76
+9 : 72
+5 : 68
+3 : 66
+2 : 65
+1 : 64
±0 : 63
-2 : 61
-3 : 60
-7 : 56
-11 : 52
-13 : 50
-15 : 48
-19 : 44
-23 : 40
-27 : 36
-31 : 32
-35 : 28
-39 : 24
-43 : 20
-47 : 16
-51 : 12
-55 : 8
-59 : 4
-63 : 0
白
-39 : 0
-35 : 4
-31 : 8
-27 : 12
-23 : 16
-19 : 20
-15 : 24
-11 : 28
-7 : 32
-3 : 36
-2 : 37
±0 : 39
+1 : 40
+2 : 41
+3 : 42
+5 : 44
+9 : 48
+11 : 50
+13 : 52
+17 : 56
+21 : 60
+25 : 64
+29 : 68
+33 : 72
+37 : 76
+41 : 80
+45 : 84
+49 : 88
+53 : 92
+57 : 96
+61 : 100
黒
-13 : 0
-9 : 4
-5 : 8
-3 : 10
-2 : 11
-1 : 12
±0 : 13
+2 : 15
+3 : 16
+7 : 20
+11 : 24
+15 : 28
+19 : 32
+23 : 36
+27 : 40
+31 : 44
+35 : 48
+37 : 50
+39 : 52
+43 : 56
+47 : 60
+51 : 64
+55 : 68
+59 : 72
+63 : 76
+67 : 80
+71 : 84
+75 : 88
+79 : 92
+83 : 96
+87 : 100
赤
+155 : 255
+138 : 238
+121 : 221
+104 : 204
+87 : 187
+70 : 170
+53 : 153
+36 : 136
+19 : 119
+8 : 108
+4 : 104
+2 : 102
+1 : 101
±0 : 100
-1 : 99
-2 : 98
-4 : 96
-8 : 92
-15 : 85
-32 : 68
-49 : 51
-66 : 34
-83 : 17
-100 : 0
緑
+34 : 255
+17 : 238
+8 : 229
+4 : 225
+2 : 223
+1 : 222
±0 : 221
-1 : 220
-2 : 219
-4 : 217
-8 : 213
-17 : 204
-34 : 187
-51 : 170
-68 : 153
-85 : 136
-102 : 119
-119 : 102
-136 : 85
-153 : 68
-170 : 51
-187 : 34
-204 : 17
-221 : 0
青
+94 : 255
+77 : 238
+60 : 221
+43 : 204
+26 : 187
+9 : 170
+8 : 169
+4 : 165
+2 : 163
+1 : 162
±0 : 161
-1 : 160
-2 : 159
-4 : 157
-8 : 153
-25 : 136
-42 : 119
-59 : 102
-76 : 85
-93 : 68
-110 : 51
-127 : 34
-144 : 17
-161 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000