色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#83f144
データ
赤
131
緑
241
青
68
色相
98°
白
27%
黒
5%
彩度
86%
明度
61%
輝度
74%
色調 = 強い
色相 = 98°
3桁
#9f5
#9f4
#9f3
#9e5
#9e4
#9e3
#9d5
#9d4
#9d3
#8f5
#8f4
#8f3
#8e5
#8e4
#8e3
#8d5
#8d4
#8d3
#7f5
#7f4
#7f3
#7e5
#7e4
#7e3
#7d5
#7d4
#7d3
名前付き
yellowgreen
greenyellow
lawngreen
chartreuse
lightgreen
palegreen
limegreen
darkkhaki
darkseagreen
mediumseagreen
olivedrab
mediumaquamarine
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-90 : 8
-75 : 23
-60 : 38
-45 : 53
-30 : 68
-15 : 83
-10 : 88
-5 : 93
-2 : 96
±0 : 98
+2 : 100
+5 : 103
+10 : 108
+15 : 113
+30 : 128
+45 : 143
+60 : 158
+75 : 173
+90 : 188
+105 : 203
+120 : 218
+135 : 233
+150 : 248
+165 : 263
+180 : 278
+195 : 293
+210 : 308
+225 : 323
+240 : 338
+255 : 353
彩度
+14 : 100
+10 : 96
+6 : 92
+3 : 89
+2 : 88
±0 : 86
-2 : 84
-3 : 83
-6 : 80
-10 : 76
-14 : 72
-18 : 68
-22 : 64
-26 : 60
-30 : 56
-34 : 52
-36 : 50
-38 : 48
-42 : 44
-46 : 40
-50 : 36
-54 : 32
-58 : 28
-62 : 24
-66 : 20
-70 : 16
-74 : 12
-78 : 8
-82 : 4
-86 : 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
白
-27 : 0
-23 : 4
-19 : 8
-15 : 12
-11 : 16
-7 : 20
-3 : 24
-2 : 25
±0 : 27
+1 : 28
+2 : 29
+3 : 30
+5 : 32
+9 : 36
+13 : 40
+17 : 44
+21 : 48
+23 : 50
+25 : 52
+29 : 56
+33 : 60
+37 : 64
+41 : 68
+45 : 72
+49 : 76
+53 : 80
+57 : 84
+61 : 88
+65 : 92
+69 : 96
+73 : 100
黒
-5 : 0
-3 : 2
-2 : 3
-1 : 4
±0 : 5
+2 : 7
+3 : 8
+7 : 12
+11 : 16
+15 : 20
+19 : 24
+23 : 28
+27 : 32
+31 : 36
+35 : 40
+39 : 44
+43 : 48
+45 : 50
+47 : 52
+51 : 56
+55 : 60
+59 : 64
+63 : 68
+67 : 72
+71 : 76
+75 : 80
+79 : 84
+83 : 88
+87 : 92
+91 : 96
+95 : 100
赤
+124 : 255
+107 : 238
+90 : 221
+73 : 204
+56 : 187
+39 : 170
+22 : 153
+8 : 139
+5 : 136
+4 : 135
+2 : 133
+1 : 132
±0 : 131
-1 : 130
-2 : 129
-4 : 127
-8 : 123
-12 : 119
-29 : 102
-46 : 85
-63 : 68
-80 : 51
-97 : 34
-114 : 17
-131 : 0
緑
+14 : 255
+8 : 249
+4 : 245
+2 : 243
+1 : 242
±0 : 241
-1 : 240
-2 : 239
-3 : 238
-4 : 237
-8 : 233
-20 : 221
-37 : 204
-54 : 187
-71 : 170
-88 : 153
-105 : 136
-122 : 119
-139 : 102
-156 : 85
-173 : 68
-190 : 51
-207 : 34
-224 : 17
-241 : 0
青
+187 : 255
+170 : 238
+153 : 221
+136 : 204
+119 : 187
+102 : 170
+85 : 153
+68 : 136
+51 : 119
+34 : 102
+17 : 85
+8 : 76
+4 : 72
+2 : 70
+1 : 69
±0 : 68
-1 : 67
-2 : 66
-4 : 64
-8 : 60
-17 : 51
-34 : 34
-51 : 17
-68 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000