色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#6ec96e
データ
赤
110
緑
201
青
110
色相
120°
白
43%
黒
21%
彩度
46%
明度
61%
輝度
64%
色調 = 柔らかい
色相 = 120°
3桁
#7d7
#7d6
#7d5
#7c7
#7c6
#7c5
#7b7
#7b6
#7b5
#6d7
#6d6
#6d5
#6c7
#6c6
#6c5
#6b7
#6b6
#6b5
#5d7
#5d6
#5d5
#5c7
#5c6
#5c5
#5b7
#5b6
#5b5
名前付き
darkseagreen
mediumseagreen
mediumaquamarine
lightgreen
cadetblue
yellowgreen
gray
palegreen
lightslategray
slategray
darkkhaki
limegreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-120 : 0
-105 : 15
-90 : 30
-75 : 45
-60 : 60
-45 : 75
-30 : 90
-15 : 105
-10 : 110
-5 : 115
-2 : 118
±0 : 120
+2 : 122
+5 : 125
+10 : 130
+15 : 135
+30 : 150
+45 : 165
+60 : 180
+75 : 195
+90 : 210
+105 : 225
+120 : 240
+135 : 255
+150 : 270
+165 : 285
+180 : 300
+195 : 315
+210 : 330
+225 : 345
彩度
+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
緑
+54 : 255
+37 : 238
+20 : 221
+8 : 209
+4 : 205
+3 : 204
+2 : 203
+1 : 202
±0 : 201
-1 : 200
-2 : 199
-4 : 197
-8 : 193
-14 : 187
-31 : 170
-48 : 153
-65 : 136
-82 : 119
-99 : 102
-116 : 85
-133 : 68
-150 : 51
-167 : 34
-184 : 17
-201 : 0
青
+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
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000