色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#bdfd52
データ
赤
189
緑
253
青
82
色相
82°
白
32%
黒
1%
彩度
98%
明度
66%
輝度
84%
色調 = 輝かしい
色相 = 82°
3桁
#cf6
#cf5
#cf4
#ce6
#ce5
#ce4
#cd6
#cd5
#cd4
#bf6
#bf5
#bf4
#be6
#be5
#be4
#bd6
#bd5
#bd4
#af6
#af5
#af4
#ae6
#ae5
#ae4
#ad6
#ad5
#ad4
名前付き
greenyellow
yellowgreen
darkkhaki
lightgreen
palegreen
khaki
burlywood
tan
darkseagreen
chartreuse
palegoldenrod
lawngreen
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-75 : 7
-60 : 22
-45 : 37
-30 : 52
-15 : 67
-10 : 72
-5 : 77
-2 : 80
±0 : 82
+2 : 84
+5 : 87
+10 : 92
+15 : 97
+30 : 112
+45 : 127
+60 : 142
+75 : 157
+90 : 172
+105 : 187
+120 : 202
+135 : 217
+150 : 232
+165 : 247
+180 : 262
+195 : 277
+210 : 292
+225 : 307
+240 : 322
+255 : 337
+270 : 352
彩度
+2 : 100
±0 : 98
-2 : 96
-3 : 95
-6 : 92
-10 : 88
-14 : 84
-18 : 80
-22 : 76
-26 : 72
-30 : 68
-34 : 64
-38 : 60
-42 : 56
-46 : 52
-48 : 50
-50 : 48
-54 : 44
-58 : 40
-62 : 36
-66 : 32
-70 : 28
-74 : 24
-78 : 20
-82 : 16
-86 : 12
-90 : 8
-94 : 4
-98 : 0
明度
+34 : 100
+30 : 96
+26 : 92
+22 : 88
+18 : 84
+14 : 80
+10 : 76
+6 : 72
+3 : 69
+2 : 68
±0 : 66
-2 : 64
-3 : 63
-6 : 60
-10 : 56
-14 : 52
-16 : 50
-18 : 48
-22 : 44
-26 : 40
-30 : 36
-34 : 32
-38 : 28
-42 : 24
-46 : 20
-50 : 16
-54 : 12
-58 : 8
-62 : 4
-66 : 0
白
-32 : 0
-28 : 4
-24 : 8
-20 : 12
-16 : 16
-12 : 20
-8 : 24
-4 : 28
-3 : 29
-2 : 30
±0 : 32
+2 : 34
+3 : 35
+4 : 36
+8 : 40
+12 : 44
+16 : 48
+18 : 50
+20 : 52
+24 : 56
+28 : 60
+32 : 64
+36 : 68
+40 : 72
+44 : 76
+48 : 80
+52 : 84
+56 : 88
+60 : 92
+64 : 96
+68 : 100
黒
-1 : 0
±0 : 1
+2 : 3
+3 : 4
+7 : 8
+11 : 12
+15 : 16
+19 : 20
+23 : 24
+27 : 28
+31 : 32
+35 : 36
+39 : 40
+43 : 44
+47 : 48
+49 : 50
+51 : 52
+55 : 56
+59 : 60
+63 : 64
+67 : 68
+71 : 72
+75 : 76
+79 : 80
+83 : 84
+87 : 88
+91 : 92
+95 : 96
+99 : 100
赤
+66 : 255
+49 : 238
+32 : 221
+15 : 204
+8 : 197
+4 : 193
+2 : 191
+1 : 190
±0 : 189
-1 : 188
-2 : 187
-4 : 185
-8 : 181
-19 : 170
-36 : 153
-53 : 136
-70 : 119
-87 : 102
-104 : 85
-121 : 68
-138 : 51
-155 : 34
-172 : 17
-189 : 0
緑
+2 : 255
+1 : 254
±0 : 253
-1 : 252
-2 : 251
-4 : 249
-8 : 245
-15 : 238
-32 : 221
-49 : 204
-66 : 187
-83 : 170
-100 : 153
-117 : 136
-134 : 119
-151 : 102
-168 : 85
-185 : 68
-202 : 51
-219 : 34
-236 : 17
-253 : 0
青
+173 : 255
+156 : 238
+139 : 221
+122 : 204
+105 : 187
+88 : 170
+71 : 153
+54 : 136
+37 : 119
+20 : 102
+8 : 90
+4 : 86
+3 : 85
+2 : 84
+1 : 83
±0 : 82
-1 : 81
-2 : 80
-4 : 78
-8 : 74
-14 : 68
-31 : 51
-48 : 34
-65 : 17
-82 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000