色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#7dcf69
データ
赤
125
緑
207
青
105
色相
108°
白
41%
黒
19%
彩度
52%
明度
61%
輝度
67%
色調 = 柔らかい
色相 = 108°
3桁
#8d7
#8d6
#8d5
#8c7
#8c6
#8c5
#8b7
#8b6
#8b5
#7d7
#7d6
#7d5
#7c7
#7c6
#7c5
#7b7
#7b6
#7b5
#6d7
#6d6
#6d5
#6c7
#6c6
#6c5
#6b7
#6b6
#6b5
名前付き
darkseagreen
lightgreen
yellowgreen
darkkhaki
mediumaquamarine
palegreen
mediumseagreen
cadetblue
gray
lightslategray
darkgray
slategray
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-105 : 3
-90 : 18
-75 : 33
-60 : 48
-45 : 63
-30 : 78
-15 : 93
-10 : 98
-5 : 103
-2 : 106
±0 : 108
+2 : 110
+5 : 113
+10 : 118
+15 : 123
+30 : 138
+45 : 153
+60 : 168
+75 : 183
+90 : 198
+105 : 213
+120 : 228
+135 : 243
+150 : 258
+165 : 273
+180 : 288
+195 : 303
+210 : 318
+225 : 333
+240 : 348
彩度
+48 : 100
+44 : 96
+40 : 92
+36 : 88
+32 : 84
+28 : 80
+24 : 76
+20 : 72
+16 : 68
+12 : 64
+8 : 60
+4 : 56
+3 : 55
+2 : 54
±0 : 52
-2 : 50
-3 : 49
-4 : 48
-8 : 44
-12 : 40
-16 : 36
-20 : 32
-24 : 28
-28 : 24
-32 : 20
-36 : 16
-40 : 12
-44 : 8
-48 : 4
-52 : 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
白
-41 : 0
-37 : 4
-33 : 8
-29 : 12
-25 : 16
-21 : 20
-17 : 24
-13 : 28
-9 : 32
-5 : 36
-3 : 38
-2 : 39
-1 : 40
±0 : 41
+2 : 43
+3 : 44
+7 : 48
+9 : 50
+11 : 52
+15 : 56
+19 : 60
+23 : 64
+27 : 68
+31 : 72
+35 : 76
+39 : 80
+43 : 84
+47 : 88
+51 : 92
+55 : 96
+59 : 100
黒
-19 : 0
-15 : 4
-11 : 8
-7 : 12
-3 : 16
-2 : 17
±0 : 19
+1 : 20
+2 : 21
+3 : 22
+5 : 24
+9 : 28
+13 : 32
+17 : 36
+21 : 40
+25 : 44
+29 : 48
+31 : 50
+33 : 52
+37 : 56
+41 : 60
+45 : 64
+49 : 68
+53 : 72
+57 : 76
+61 : 80
+65 : 84
+69 : 88
+73 : 92
+77 : 96
+81 : 100
赤
+130 : 255
+113 : 238
+96 : 221
+79 : 204
+62 : 187
+45 : 170
+28 : 153
+11 : 136
+8 : 133
+4 : 129
+2 : 127
+1 : 126
±0 : 125
-1 : 124
-2 : 123
-4 : 121
-6 : 119
-8 : 117
-23 : 102
-40 : 85
-57 : 68
-74 : 51
-91 : 34
-108 : 17
-125 : 0
緑
+48 : 255
+31 : 238
+14 : 221
+8 : 215
+4 : 211
+2 : 209
+1 : 208
±0 : 207
-1 : 206
-2 : 205
-3 : 204
-4 : 203
-8 : 199
-20 : 187
-37 : 170
-54 : 153
-71 : 136
-88 : 119
-105 : 102
-122 : 85
-139 : 68
-156 : 51
-173 : 34
-190 : 17
-207 : 0
青
+150 : 255
+133 : 238
+116 : 221
+99 : 204
+82 : 187
+65 : 170
+48 : 153
+31 : 136
+14 : 119
+8 : 113
+4 : 109
+2 : 107
+1 : 106
±0 : 105
-1 : 104
-2 : 103
-3 : 102
-4 : 101
-8 : 97
-20 : 85
-37 : 68
-54 : 51
-71 : 34
-88 : 17
-105 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000