色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#bdee8d
データ
赤
189
緑
238
青
141
色相
90°
白
55%
黒
7%
彩度
74%
明度
74%
輝度
83%
色調 = 輝かしい
色相 = 90°
3桁
#cf9
#cf8
#cf7
#ce9
#ce8
#ce7
#cd9
#cd8
#cd7
#bf9
#bf8
#bf7
#be9
#be8
#be7
#bd9
#bd8
#bd7
#af9
#af8
#af7
#ae9
#ae8
#ae7
#ad9
#ad8
#ad7
名前付き
palegreen
lightgreen
khaki
palegoldenrod
tan
burlywood
darkkhaki
darkseagreen
silver
wheat
navajowhite
darkgray
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-90 : 0
-75 : 15
-60 : 30
-45 : 45
-30 : 60
-15 : 75
-10 : 80
-5 : 85
-2 : 88
±0 : 90
+2 : 92
+5 : 95
+10 : 100
+15 : 105
+30 : 120
+45 : 135
+60 : 150
+75 : 165
+90 : 180
+105 : 195
+120 : 210
+135 : 225
+150 : 240
+165 : 255
+180 : 270
+195 : 285
+210 : 300
+225 : 315
+240 : 330
+255 : 345
彩度
+26 : 100
+22 : 96
+18 : 92
+14 : 88
+10 : 84
+6 : 80
+3 : 77
+2 : 76
±0 : 74
-2 : 72
-3 : 71
-6 : 68
-10 : 64
-14 : 60
-18 : 56
-22 : 52
-24 : 50
-26 : 48
-30 : 44
-34 : 40
-38 : 36
-42 : 32
-46 : 28
-50 : 24
-54 : 20
-58 : 16
-62 : 12
-66 : 8
-70 : 4
-74 : 0
明度
+26 : 100
+22 : 96
+18 : 92
+14 : 88
+10 : 84
+6 : 80
+3 : 77
+2 : 76
±0 : 74
-2 : 72
-3 : 71
-6 : 68
-10 : 64
-14 : 60
-18 : 56
-22 : 52
-24 : 50
-26 : 48
-30 : 44
-34 : 40
-38 : 36
-42 : 32
-46 : 28
-50 : 24
-54 : 20
-58 : 16
-62 : 12
-66 : 8
-70 : 4
-74 : 0
白
-55 : 0
-51 : 4
-47 : 8
-43 : 12
-39 : 16
-35 : 20
-31 : 24
-27 : 28
-23 : 32
-19 : 36
-15 : 40
-11 : 44
-7 : 48
-5 : 50
-3 : 52
-2 : 53
±0 : 55
+1 : 56
+2 : 57
+3 : 58
+5 : 60
+9 : 64
+13 : 68
+17 : 72
+21 : 76
+25 : 80
+29 : 84
+33 : 88
+37 : 92
+41 : 96
+45 : 100
黒
-7 : 0
-3 : 4
-2 : 5
±0 : 7
+1 : 8
+2 : 9
+3 : 10
+5 : 12
+9 : 16
+13 : 20
+17 : 24
+21 : 28
+25 : 32
+29 : 36
+33 : 40
+37 : 44
+41 : 48
+43 : 50
+45 : 52
+49 : 56
+53 : 60
+57 : 64
+61 : 68
+65 : 72
+69 : 76
+73 : 80
+77 : 84
+81 : 88
+85 : 92
+89 : 96
+93 : 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
緑
+17 : 255
+8 : 246
+4 : 242
+2 : 240
+1 : 239
±0 : 238
-1 : 237
-2 : 236
-4 : 234
-8 : 230
-17 : 221
-34 : 204
-51 : 187
-68 : 170
-85 : 153
-102 : 136
-119 : 119
-136 : 102
-153 : 85
-170 : 68
-187 : 51
-204 : 34
-221 : 17
-238 : 0
青
+114 : 255
+97 : 238
+80 : 221
+63 : 204
+46 : 187
+29 : 170
+12 : 153
+8 : 149
+4 : 145
+2 : 143
+1 : 142
±0 : 141
-1 : 140
-2 : 139
-4 : 137
-5 : 136
-8 : 133
-22 : 119
-39 : 102
-56 : 85
-73 : 68
-90 : 51
-107 : 34
-124 : 17
-141 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000