色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#bdf5e7
データ
赤
189
緑
245
青
231
色相
165°
白
74%
黒
4%
彩度
74%
明度
85%
輝度
89%
色調 = 明るい
色相 = 165°
3桁
#cff
#cfe
#cfd
#cef
#cee
#ced
#cdf
#cde
#cdd
#bff
#bfe
#bfd
#bef
#bee
#bed
#bdf
#bde
#bdd
#aff
#afe
#afd
#aef
#aee
#aed
#adf
#ade
#add
名前付き
paleturquoise
powderblue
lightblue
gainsboro
lightcyan
lightgray
lavender
lightsteelblue
honeydew
aliceblue
beige
azure
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-165 : 0
-150 : 15
-135 : 30
-120 : 45
-105 : 60
-90 : 75
-75 : 90
-60 : 105
-45 : 120
-30 : 135
-15 : 150
-10 : 155
-5 : 160
-2 : 163
±0 : 165
+2 : 167
+5 : 170
+10 : 175
+15 : 180
+30 : 195
+45 : 210
+60 : 225
+75 : 240
+90 : 255
+105 : 270
+120 : 285
+135 : 300
+150 : 315
+165 : 330
+180 : 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
明度
+15 : 100
+11 : 96
+7 : 92
+3 : 88
+2 : 87
±0 : 85
-1 : 84
-2 : 83
-3 : 82
-5 : 80
-9 : 76
-13 : 72
-17 : 68
-21 : 64
-25 : 60
-29 : 56
-33 : 52
-35 : 50
-37 : 48
-41 : 44
-45 : 40
-49 : 36
-53 : 32
-57 : 28
-61 : 24
-65 : 20
-69 : 16
-73 : 12
-77 : 8
-81 : 4
-85 : 0
白
-74 : 0
-70 : 4
-66 : 8
-62 : 12
-58 : 16
-54 : 20
-50 : 24
-46 : 28
-42 : 32
-38 : 36
-34 : 40
-30 : 44
-26 : 48
-24 : 50
-22 : 52
-18 : 56
-14 : 60
-10 : 64
-6 : 68
-3 : 71
-2 : 72
±0 : 74
+2 : 76
+3 : 77
+6 : 80
+10 : 84
+14 : 88
+18 : 92
+22 : 96
+26 : 100
黒
-4 : 0
-3 : 1
-2 : 2
±0 : 4
+2 : 6
+3 : 7
+4 : 8
+8 : 12
+12 : 16
+16 : 20
+20 : 24
+24 : 28
+28 : 32
+32 : 36
+36 : 40
+40 : 44
+44 : 48
+46 : 50
+48 : 52
+52 : 56
+56 : 60
+60 : 64
+64 : 68
+68 : 72
+72 : 76
+76 : 80
+80 : 84
+84 : 88
+88 : 92
+92 : 96
+96 : 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
緑
+10 : 255
+8 : 253
+4 : 249
+2 : 247
+1 : 246
±0 : 245
-1 : 244
-2 : 243
-4 : 241
-7 : 238
-8 : 237
-24 : 221
-41 : 204
-58 : 187
-75 : 170
-92 : 153
-109 : 136
-126 : 119
-143 : 102
-160 : 85
-177 : 68
-194 : 51
-211 : 34
-228 : 17
-245 : 0
青
+24 : 255
+8 : 239
+7 : 238
+4 : 235
+2 : 233
+1 : 232
±0 : 231
-1 : 230
-2 : 229
-4 : 227
-8 : 223
-10 : 221
-27 : 204
-44 : 187
-61 : 170
-78 : 153
-95 : 136
-112 : 119
-129 : 102
-146 : 85
-163 : 68
-180 : 51
-197 : 34
-214 : 17
-231 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000