色見本
マウスカーソルを合わせると背景色を一時的に変更する。
色を変えた時にカラーコードをクリップボードにコピーする。
#caee93
データ
赤
202
緑
238
青
147
色相
84°
白
58%
黒
7%
彩度
73%
明度
75%
輝度
85%
色調 = 輝かしい
色相 = 84°
3桁
#dfa
#df9
#df8
#dea
#de9
#de8
#dda
#dd9
#dd8
#cfa
#cf9
#cf8
#cea
#ce9
#ce8
#cda
#cd9
#cd8
#bfa
#bf9
#bf8
#bea
#be9
#be8
#bda
#bd9
#bd8
名前付き
khaki
palegoldenrod
palegreen
wheat
lightgreen
burlywood
tan
navajowhite
moccasin
silver
peachpuff
darkkhaki
色の調和
類似色 ±30°
類似色 ±30°
±60°
±60°
四角 ±90°
四角 ±90°
トライアド ±120°
トライアド ±120°
補色の分割
補色の分割
補色
反転色
白 × 黒
色相 × 彩度
色相 × 明度
色相 彩度 明度 白 黒
色相
-75 : 9
-60 : 24
-45 : 39
-30 : 54
-15 : 69
-10 : 74
-5 : 79
-2 : 82
±0 : 84
+2 : 86
+5 : 89
+10 : 94
+15 : 99
+30 : 114
+45 : 129
+60 : 144
+75 : 159
+90 : 174
+105 : 189
+120 : 204
+135 : 219
+150 : 234
+165 : 249
+180 : 264
+195 : 279
+210 : 294
+225 : 309
+240 : 324
+255 : 339
+270 : 354
彩度
+27 : 100
+23 : 96
+19 : 92
+15 : 88
+11 : 84
+7 : 80
+3 : 76
+2 : 75
±0 : 73
-1 : 72
-2 : 71
-3 : 70
-5 : 68
-9 : 64
-13 : 60
-17 : 56
-21 : 52
-23 : 50
-25 : 48
-29 : 44
-33 : 40
-37 : 36
-41 : 32
-45 : 28
-49 : 24
-53 : 20
-57 : 16
-61 : 12
-65 : 8
-69 : 4
-73 : 0
明度
+25 : 100
+21 : 96
+17 : 92
+13 : 88
+9 : 84
+5 : 80
+3 : 78
+2 : 77
+1 : 76
±0 : 75
-2 : 73
-3 : 72
-7 : 68
-11 : 64
-15 : 60
-19 : 56
-23 : 52
-25 : 50
-27 : 48
-31 : 44
-35 : 40
-39 : 36
-43 : 32
-47 : 28
-51 : 24
-55 : 20
-59 : 16
-63 : 12
-67 : 8
-71 : 4
-75 : 0
白
-58 : 0
-54 : 4
-50 : 8
-46 : 12
-42 : 16
-38 : 20
-34 : 24
-30 : 28
-26 : 32
-22 : 36
-18 : 40
-14 : 44
-10 : 48
-8 : 50
-6 : 52
-3 : 55
-2 : 56
±0 : 58
+2 : 60
+3 : 61
+6 : 64
+10 : 68
+14 : 72
+18 : 76
+22 : 80
+26 : 84
+30 : 88
+34 : 92
+38 : 96
+42 : 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
赤
+53 : 255
+36 : 238
+19 : 221
+8 : 210
+4 : 206
+2 : 204
+1 : 203
±0 : 202
-1 : 201
-2 : 200
-4 : 198
-8 : 194
-15 : 187
-32 : 170
-49 : 153
-66 : 136
-83 : 119
-100 : 102
-117 : 85
-134 : 68
-151 : 51
-168 : 34
-185 : 17
-202 : 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
青
+108 : 255
+91 : 238
+74 : 221
+57 : 204
+40 : 187
+23 : 170
+8 : 155
+6 : 153
+4 : 151
+2 : 149
+1 : 148
±0 : 147
-1 : 146
-2 : 145
-4 : 143
-8 : 139
-11 : 136
-28 : 119
-45 : 102
-62 : 85
-79 : 68
-96 : 51
-113 : 34
-130 : 17
-147 : 0
パレット
#fff
#eee
#ddd
#ccc
#bbb
#aaa
#999
#888
gray
#777
#666
#555
#444
#333
#222
#111
#000